5 replies to this topic

[ericrcan]

well i have a site that im currently making in php with a css style. the menu is white, and when you go over each cell, it turns to grey. it shows up in firefox, but not in IE...the link to the website to check it out is:

>>>here<<< <<---only top 2 links work...havent uploaded any other files yet..my css code is:

#momtable #navlnks td {
   font-family: sans-serif;
   font-size: 12px;
   font-style: normal;
   text-decoration: none;
}

and for hover:

#momtable #navlinks td:hover{
   text-decoration: underline;
   background-color:#CCCCCC;
}

someone told me its because td:hover doesnt work in IE..how do i get it to work?

thanks

Edited by zYpher, 12 October 2005 - 08:20 PM.

[coolaid]

:hover is an anchor psuedo element last time i checked... so in fact, its firefox that rendered it wrong.

replace td:hover with a:hover and get back to us

edit] btw, i have a tutorial on this, better check it out before my bandwith runs out
http://www.scudworkz...s/rollovermenu/

Edited by coolaid, 12 October 2005 - 09:01 PM.

[ericrcan]

well now, all i see is the background of the text changing..it works for IE and firefox, but the bg of the cell dosent change color

[coolaid]

you should follow the tutorial i created. and use lists no td's.

if td's are the same as lists, then you'd have to do give the link in the td a width and height.

#momtable #navlnks td  a{
  font-family: sans-serif;
  font-size: 12px;
  font-style: normal;
  text-decoration: none;
  width:100px;
  height:100px;
}

#momtable #navlnks td  a:hover{
  background:black;
  color:white;
}

something like that

[ericrcan]

i dont know if this is the case, cuz i have not done it yet (i have to go eat dinner right now), but in your result, the whole row is a link..i just wanted the text..i dont know if thats how you made it or not, but i guess ill find out after dinner,....

[ericrcan]

Ok, nevermind I got it!

what i did is add this to the td:

<td onMouseOver="this.style.background='CCCCCC'" onMouseOut="this.style.background='FFFFFF'"><a href="?id=looktobuy&amp;page=rentvsbuy" title="Rent vs. Buy">Rent vs. Buy Score</a></td>

that works for IE, and the css works for firefox! im happy