5kyy8lu3 Posted September 20, 2009 Share Posted September 20, 2009 Hi. I wrote a php script for image protection. It returns a table with the picture as the background of the table, and a transparent gif image that I use for the link. (wrap the anchor tag around that clear gif). When I mouse over, I get a weird white box thing. It's hard to explain so here are two screenshots: Normal: Mouse Over: I've tried border="0" and outline: none;. They seem to be for another problem. Any idea what's going on with my links? Quote Link to comment https://forums.phpfreaks.com/topic/174863-transparent-image-as-link-weird-mouseover-problems-pics-inside/ Share on other sites More sharing options...
ngreenwood6 Posted September 20, 2009 Share Posted September 20, 2009 Can we see the code that you are using? The little box thing that pops up is the alt tag, maybe that is causing the issue. Quote Link to comment https://forums.phpfreaks.com/topic/174863-transparent-image-as-link-weird-mouseover-problems-pics-inside/#findComment-921519 Share on other sites More sharing options...
5kyy8lu3 Posted September 20, 2009 Author Share Posted September 20, 2009 Can we see the code that you are using? The little box thing that pops up is the alt tag, maybe that is causing the issue. the popup box that says "home" isn't from that alt tag, it's actually from the title="" tag. IE is bugged and it has title and alt switched, so in IE you would be correct. but i'm using firefox... here's the code: <td background="PixelPipeline.php?id=5114ed460e353dffghomesac4e4dbfd6213cea" width="73"> <a href="reflector.php?id=5f37a697b76ae16b745fe9c9011cdbfc363aec50"> <img src="/pix/SusanStorm.gif" width="73" height="29" border="0" alt="Home" title="Home"> </a> </td> Quote Link to comment https://forums.phpfreaks.com/topic/174863-transparent-image-as-link-weird-mouseover-problems-pics-inside/#findComment-921522 Share on other sites More sharing options...
5kyy8lu3 Posted September 20, 2009 Author Share Posted September 20, 2009 well it turns out it was as stupid mistake, but I'm still not sure why only half the image showed up white here's the problem code =) a:hover { color: #000000; background: #ffffff; } is there any way to specify that for only text? i'm way too lazy to add a class to all my text's anchor tags if i can do it some other way lol. there like a "text" element? like this? a.text:hover{} ? or something? Quote Link to comment https://forums.phpfreaks.com/topic/174863-transparent-image-as-link-weird-mouseover-problems-pics-inside/#findComment-921539 Share on other sites More sharing options...
sticks464 Posted September 21, 2009 Share Posted September 21, 2009 If you remove the background color all that remains is a rule effecting the text. If you need the white background for other hover links then yes you will have to separate out the links with slasses and/or id's. Quote Link to comment https://forums.phpfreaks.com/topic/174863-transparent-image-as-link-weird-mouseover-problems-pics-inside/#findComment-922040 Share on other sites More sharing options...
marynorth21 Posted September 21, 2009 Share Posted September 21, 2009 Its so great that with this topic I've learned anything. Quote Link to comment https://forums.phpfreaks.com/topic/174863-transparent-image-as-link-weird-mouseover-problems-pics-inside/#findComment-922278 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.