1 reply [Last post]
css_beginner_83
Offline
Regular
Last seen: 4 years 8 weeks ago
Timezone: GMT-4
Joined: 2009-04-12
Posts: 12
Points: 12

Hi All

I'm trying to set up my website for both Firefox and IE. I want to be able to change some CSS values if the user is using IE. I have a list of images that when the user hovers over them the place name appears. In Firefox the name is correctly displayed in the middle of the images. In IE it is off to the side. The CSS for this is..

a.info span {
display: none;
}
 
a.info:hover {
position: relative;
}
 
a.info:hover span {
display: block;
position:absolute;
/* firefox */
top:10px;
width:120px;
border: 0;
 
/*IE 
top:40px;
left: 0px;
width: 120px;
*/
background-color: #ffffff;
font-size:18px;
font-family:"Trebuchet MS";
color:#ff1493;
text-align:center;
}

This is the code that displays the image and uses .

echo "<td><a href=scripta.php?place=$ID class=\"info\">
<img border=0 src=$thumb align=middle>";
echo "<span> " . $row['Place'] . " </span></a></td>";

Can I change the values for this using Javascript?

Thanks in advance

This is the website..www.pictiuirshannagh.5gigs.net

Tags:
Deuce
Deuce's picture
Offline
Guru
Las Vegas, NV
Last seen: 1 year 30 weeks ago
Las Vegas, NV
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4422
Points: 1841

IE conditional comments -

IE conditional comments - http://www.quirksmode.org/css/condcom.html

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph