#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    13
    Rep Power
    0

    css rollover problem


    This questions may disgust any web standards folks as it goes against the principles of CSS and standards design but my company uses tables for all layout and I have to deal with that.

    I want to implement CSS rollovers using classes such as a:hover on our menu however all text links in the menu are inside <td>'s. Do you have an idea on how to make the the whole td a rollover using CSS?

    Basically my problem is that I can't enclose the <td> in an <a href> so I am having problems getting the whole <td> to have a rollover effect (rather than just the text link inside the <td>).
  2. #2
  3. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    you could set display:block; to the a
    so the a filles the whole td.

    a {
    display:block;
    }

    you maybe have to set height/width aswell.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Posts
    13
    Rep Power
    0
    thank you akh...

    after much searching i had just found out this trick on dynamicdrive.com and am just starting to implement it.....

    should have posted here sooner, would have saved me much searching....

    thanks again.

IMN logo majestic logo threadwatch logo seochat tools logo