PDA

View Full Version : Need some CSS Help


asmithz
08-07-2005, 10:43 AM
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img77.imageshack.us/img77/2041/unscenebanner3to.gif");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75px; display:block !important; }
span.blacktext12 img {display:none;}
/* Generated by bbz. */
</style>

I want to make the image in there a link :unsure:
tesco
08-07-2005, 04:25 PM
It's a background image, so it can't be clicked...
Only thing you could do is make the container with that span.blacktext12 into a link or to put a blank/clear image over top of the background...
asmithz
08-08-2005, 04:05 AM
It's a background image, so it can't be clicked...
Only thing you could do is make the container with that span.blacktext12 into a link or to put a blank/clear image over top of the background...

Yea ya.... Anything if you know how to make it work. I was thinking about the blank clear image idea too, but wasnt sure how to do it. I know nothing about CSS and thoght it was only for changing stuff not placing.
tesco
08-08-2005, 04:16 AM
It's a background image, so it can't be clicked...
Only thing you could do is make the container with that span.blacktext12 into a link or to put a blank/clear image over top of the background...

Yea ya.... Anything if you know how to make it work. I was thinking about the blank clear image idea too, but wasnt sure how to do it. I know nothing about CSS and thoght it was only for changing stuff not placing.
I think it would be best to just not have teh image as a background if you want to make it clickable. ;)
sparsely
08-08-2005, 04:35 PM
if you want the image to be a link, code it in instead, or make it the background of an <a> instead (though you'll have to change its display type to block)

you shoudl also look at using CSS shorthand, as it can save you a lot of bytes
example:
background-color:transparent;
background-image:url("http://img77.imageshack.us/img77/2041/unscenebanner3to.gif");
background-repeat:no-repeat;
background-position:center center;

becomes:

background:transparent url(http://img77.imageshack.us/img77/2041/unscenebanner3to.gif) no-repeat center center;