Need some CSS Help

Code:

---

<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:

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...

Quote:

---

Originally Posted by rossco

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.

Quote:

---

Originally Posted by asmithz

Quote:

---

Originally Posted by rossco

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. ;)

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:

Code:

---

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

---

becomes:

Code:

---

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

---