www.webdeveloper.com
Results 1 to 11 of 11

Thread: Table Borders...

  1. #1
    Join Date
    May 2003
    Posts
    373

    Question Table Borders...

    I've attached a zip file with a sample table layout.

    How do I modify the borders to be one solid line around all cells instead of double lines as it is?

    Thanx.
    Attached Files Attached Files

  2. #2
    Join Date
    Nov 2002
    Location
    Nashua, NH
    Posts
    3,195
    your chances of getting help are much greater if you post URL instead of attaching file.
    your chances of building a successful site are much greater if you do not use tables for layout.
    Vladdy

    Working web site is not the one that looks the same in a few graphical browsers, but the one that adequately delivers its content to any device accessing it.

  3. #3
    Join Date
    May 2003
    Posts
    373
    So...

    Does this mean it's not possible?


  4. #4
    Join Date
    May 2003
    Posts
    373
    Bummer.


  5. #5
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    It's possible.

    Get rid of the border around your entire table, and add this to the <td>'s style="border:black 1px solid;"

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  6. #6
    Join Date
    May 2003
    Posts
    373
    When I incorporate that style setting into each td, I get absolutely no borders whatsoever.

    Am I doing something wrong?

    Thanx.

  7. #7
    Join Date
    May 2003
    Posts
    373
    Nevermind...just needed content in the cells before the borders showed.

    However, now the outside border is really thin and the inside borders are thicker. I'm assuming this is because it is where the cells are touching each other and showing actually two borders, bottom of one and top of other, together.

    Is there any way to make all borders very thin like the outside border?

    Thanx.
    Attached Files Attached Files

  8. #8
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    You'll have to not specify either a top border in the cells below, or a bottom border in the cells above. http://www.w3.org/TR/REC-CSS2/box.ht...der-properties

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  9. #9
    Join Date
    May 2003
    Posts
    373
    I can't seem to figure it out using the exaples given on that page you linked me to.


  10. #10
    Join Date
    Nov 2002
    Location
    Baltimore, Maryland
    Posts
    12,270
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="Content-Script-Type" content="text/javascript">
    <title>Example</title>
    <style type="text/css">
    <!--
    table {background-color:#000}
    th, td {background-color:#fff}
    -->
    </style>
    <table summary="Some Data" cellspacing="1">
    <tr>
    <td>&nbsp;</td>
    <th>Heading</th>
    <th>Heading</th>
    </tr>

    <tr>
    <th>Heading</th>
    <td>Data</td>
    <td>Data</td>
    </tr>

    <tr>
    <th>Heading</th>
    <td>Data</td>
    <td>Data</td>
    </tr>

    </table>
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

  11. #11
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    Charles way is better anyway...

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles