WordPress.org

1. neweb
   Member
   Posted 4 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??????

2. esmi
   Theme Diva & Forum Moderator
   Posted 4 months ago #

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

3. neweb
   Member
   Posted 4 months ago #

   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

4. Kraignos
   Member
   Posted 4 months ago #

   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.

Reply

You must log in to post.