SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Get my greedy down dotJoon's Avatar
    Join Date
    Apr 2003
    Location
    daejeon, South Korea
    Posts
    2,223
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    vertical lines to be shown

    I have 2 tables at http://dot.kr/x-test/horizentalCell.cfm

    The 1st table has 5 horizontal cells.

    The 2nd table has 50 horizontal cells.

    I can't see the line which are between each cell in the 2nd table while I can see the line in the 1st table.

    How can I make the line to be shown in the 2nd table?

    (Horizontal scrollbar on the bottom of the browser is okay.)

  2. #2
    SitePoint Evangelist
    Join Date
    Jun 2007
    Location
    North Yorkshire, UK
    Posts
    483
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The reason you are not seeing the black line is because although you have specified a width of 1px the size of the cell has been reduced to 0px. I know that table cells ignore the width and expand if they contain content that cannot be wrapped. It probably tried to readjust the cell widths to try and get it within the screen's viewport.

    Might an alternative approach be to put a border-right or border-left style with a value of 1px solid black.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,296
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Yes, do it with CSS

    Code:
    td {border-left: 1px solid black;}
    tr {border-right: 1px solid black;}

  4. #4
    Get my greedy down dotJoon's Avatar
    Join Date
    Apr 2003
    Location
    daejeon, South Korea
    Posts
    2,223
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Yes, do it with CSS

    Code:
    td {border-left: 1px solid black;}
    tr {border-right: 1px solid black;}
    Thank you.


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
  •