SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table row borders

    I want to display a table which has a bottom border on every row. What I expected to work doesn't ie <tr style="border-bottom: 1px solid #000;"> - is there a workaround for this?

  2. #2
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How about placing this in an external stylesheet:

    tr{
    border-bottom:1px solid #000;
    }

    Then everytime you enter a <tr>, the stylesheet should render correctly.
    Ryan Butler

    Midwest Web Design

  3. #3
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No it doesn't work. I accidentally found the solution and that is:

    td {
    border-style: solid none;
    border-width: 1px;
    }

    What this does is display solid borders on every cell horizontally and none vertically. Also border-collapse needs set to collapse for the table but that bizarrely did the trick.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •