lesley Posted April 20, 2010 Report Share Posted April 20, 2010 Hello, I am working on a webpage where i have an image and when you roll-over parts of it, text boxes pop up. I have been tring to make the text itself a hyperlink, but nothing i have tried has worked. You can see the page here: http://tica.org/_university/home.php Advice? Thanks, Lesley Quote Link to comment Share on other sites More sharing options...
Andrea Posted April 20, 2010 Report Share Posted April 20, 2010 They are links, but you have the address as href=#" so you won't be going anywhere. Try an actual url/file. Quote Link to comment Share on other sites More sharing options...
lesley Posted April 20, 2010 Author Report Share Posted April 20, 2010 Actually, its seems to be a problem just with Internet Explorer. I know i havent populated the links yet, but in IE, it only shows up as text. Quote Link to comment Share on other sites More sharing options...
Andrea Posted April 21, 2010 Report Share Posted April 21, 2010 Sorry, I just checked it quickly with Firefox. IE8 works too, btw, so it must be an IE7 (and probably prior) problem. I found this post that might help: http://www.bernzilla.com/item.php?id=762 - at least trying the HTML strict doctype is a quick and easy experiment to see if that works. That's the ideal doctype to use, anyway. Quote Link to comment Share on other sites More sharing options...
lesley Posted April 21, 2010 Author Report Share Posted April 21, 2010 Thank you! I was able to make that change and the webpage validates - however it did not solve the problem. The hover text not turning into a link does seem to be a problem only on older versions of IE. Is there anything i can code in like "if your using IE7 or earlier, do this"?? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted April 21, 2010 Report Share Posted April 21, 2010 You can target just IE6 with conditional comments: http://www.quirksmode.org/css/condcom.html You could use a conditional comment to add a stylesheet that will only show up in IE, or if added to the <body> of the file, add code that will only show up in IE6. When I check the link you provided in IE6, it seems like the popups link correctly when clicked on, just that the cursor doesn't change to a hand when hovered over (indicating a link) it changes to a vertical bar (which indicates to the visitor they can select the type). Perhaps adding: #map li a:hover span { cursor:pointer; } Would fix that in IE6? Quote Link to comment Share on other sites More sharing options...
lesley Posted April 21, 2010 Author Report Share Posted April 21, 2010 That worked great! Thank you so much for the help! It fixes it in all IE versions except IE5.5, but i dont think ill worry about that. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted April 21, 2010 Report Share Posted April 21, 2010 Awesome. Yeah, I wouldn't bother customizing for IE5.5 -- probably not worth your time. Quote Link to comment 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.
Note: Your post will require moderator approval before it will be visible.