Style not working???

  • Resolved neweb

    (@neweb)


    12 years, 10 months ago

    For some reason I can’t get this style to work.

    I have put a table on a page (doing it in html) with the following class attached to the tr and th fields.

    <tr class="bannerHead">
    <th class="bannerRow">Size</th>
    <th class="bannerRow">3'</th>
    <th class="bannerRow">4'</th>
    <th class="bannerRow">5'</th>
    <th class="bannerRow">6'</th>
    <th class="bannerRow">7'</th>
  </tr>

    I then have the following custom code added to my style.css sheet

    /* Custom Style for site
-------------------------------------------------------------- */
tr.bannerHead {color: #fff; height: 10px; margin: 0px;}
th.bannerRow {background-color: #0460b7; text-align:center;}

    no matter what I do I can’t get the page to see the style and apply it.

    been at this for ages and just can’t see what the problem is. I also added a custom style sheet to see if that would help but no luck.

    Any one help??????

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter neweb

    (@neweb)

    I did but could not find anything wrong with the code.

    The funny thing is, I got the style working for text and stuff but can’t get the height of the table cells to work as I would like.

    Its just baffling as to why some bits would work and others won’t

    Hi,

    Is 10px the real height you want to apply or is it an example? The row height won’t be smaller than any of its child cells… So maybe the font-size, line-height (or whatever) of the text is too big in one of the cells to allow you a row height of 10px… eeer, see what I mean?

    Could be that, could be something else….difficult to guess without seeing the real page.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Style not working???’ is closed to new replies.