PDA

Click to See Complete Forum and Search --> : CSS/HTML PNG transparency works (but the link doesn't)

gigi75
12-14-2007, 04:34 AM
it's really frustrating...

FINALLY the transparent image is ok in IE6! i had to use a SPAN inside the link. Although the PNG image is now viewable properly...the link doesn't work! :mad: !! Or actually it works but it doesn't show the arrow (as a normal link should) when you rollover on it...

this is the link:
http://www.subwayslims.co.uk/pngfix6.html#

can anyone help!?!

is it a problem with the actual javascript or generally a span inside a link can't be viewed?


CHEERS!!
KDLA
12-14-2007, 08:58 AM
Could be because you forgot the href address:

<a title="" href="#">
gigi75
12-14-2007, 09:17 AM
no, the link is there, have you seen the source?
KDLA
12-14-2007, 09:19 AM
Here's the source I see:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>


<link rel="stylesheet" type="text/css" href="http://www.subwayslims.co.uk/pngfix6.css" media="screen" />
</head>

<body>
<ul>
<li><a title="" href="#">Music&nbsp;<span class="png_transparency_memusic"><img class="png_transparency_img_memusic" border="0" src="http://www.subwayslims.co.uk/metro_imgs/metunes2_nav.png" /></span></a></li>

</ul>

</body>
</html>

You'll notice that there is no link address or title in the link tag.
gigi75
12-14-2007, 09:32 AM
<a title="" href="#">Music&nbsp;<span class="png_transparency_memusic"><img class="png_transparency_img_memusic" border="0" src="http://www.subwayslims.co.uk/metro_imgs/metunes2_nav.png" /></span></a>

this is a link, THE PROBLEM IS ONLY ON IE6, got it?? it's pretty common using the "#" as dummy link. Don't you see if you rollover the 'music' text in IE6 works fine!!?
KDLA
12-14-2007, 09:37 AM
Well, you said "the link doesn't work."
matt.ritter
12-14-2007, 12:08 PM
what happens if you use an a tag instead of a span tag

<a title="" href="#">Music</a>&nbsp;<a href="#" class="png_transparency_memusic"><img class="png_transparency_img_memusic" border="0" src="http://www.subwayslims.co.uk/metro_imgs/metunes2_nav.png" /></a>