#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Posts
    3
    Rep Power
    0

    Using CSS inside table elements


    I'm trying to use some CSS inside table elements which are fairly deeply buried within other table elements, and the styles just aren't working in IE 6 or Mozilla, but they work fine in the lovely Opera 7. I've searched everywhere I can think of for an answer to this, but I just can't find one and I've tried everything I can think of. This is the style sheet:

    .SideLink {
    font-size: 10px;
    color: #999999;
    padding-left: 20px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    and an example of usage:

    <a class="SideLink" href="Match.php">Next Match</a>

    The weird thing is that I have used this style sheet everywhere in the same pages:

    .InfoText {
    font-size: 10px;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    and it has no problems. Does anyone know of any reason IE and Mozilla would have problems with this style sheet inside a table? Wits end and all that.

    Cheers
  2. #2
  3. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Apr 2003
    Location
    Italy, EU
    Posts
    517
    Rep Power
    12
    I've tried what you've posted and seems to work!
    Perhaps you'd better post (or attach) some lines where you define your nested elements...
    Cheers, Dave
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Posts
    3
    Rep Power
    0
    Ok, I've attached a file with an example. Its a bit long because I wanted to show how deeply this CSS is embeded. If you look near the bottom you'll see the SideLine CSS. Still no idea why its happening.
    Attached Files

IMN logo majestic logo threadwatch logo seochat tools logo