Jump to content


css table help


5 replies to this topic

#1 ericrcan

    Young Padawan

  • Members
  • Pip
  • 103 posts

Posted 12 October 2005 - 08:19 PM

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 <3

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


#2 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 12 October 2005 - 09:00 PM

: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 :whistle:
http://www.scudworkz...s/rollovermenu/

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


#3 ericrcan

    Young Padawan

  • Members
  • Pip
  • 103 posts

Posted 12 October 2005 - 10:52 PM

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 :whistle:

#4 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 12 October 2005 - 11:00 PM

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

#5 ericrcan

    Young Padawan

  • Members
  • Pip
  • 103 posts

Posted 12 October 2005 - 11:08 PM

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,....

#6 ericrcan

    Young Padawan

  • Members
  • Pip
  • 103 posts

Posted 12 October 2005 - 11:22 PM

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 :whistle:





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users