www.webdeveloper.com
+ Reply to Thread
Results 1 to 11 of 11
  1. 05-23-2003 10:05 AM #1
    stmasi's Avatar
    stmasi
    stmasi is offline I am Zim!!!
    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
    Reply With Quote Reply With Quote
  2. 05-23-2003 10:10 AM #2
    Vladdy's Avatar
    Vladdy
    Vladdy is offline Helper, not pleaser
    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.
    Reply With Quote Reply With Quote
  3. 05-23-2003 10:28 AM #3
    stmasi's Avatar
    stmasi
    stmasi is offline I am Zim!!!
    Join Date
    May 2003
    Posts
    373
    So...

    Does this mean it's not possible?

    Reply With Quote Reply With Quote
  4. 05-23-2003 10:48 AM #4
    stmasi's Avatar
    stmasi
    stmasi is offline I am Zim!!!
    Join Date
    May 2003
    Posts
    373
    Bummer.

    Reply With Quote Reply With Quote
  5. 05-23-2003 11:03 AM #5
    pyro's Avatar
    pyro
    pyro is offline Registered User
    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!
    Reply With Quote Reply With Quote
  6. 05-23-2003 11:10 AM #6
    stmasi's Avatar
    stmasi
    stmasi is offline I am Zim!!!
    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.
    Reply With Quote Reply With Quote
  7. 05-23-2003 11:13 AM #7
    stmasi's Avatar
    stmasi
    stmasi is offline I am Zim!!!
    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
    Reply With Quote Reply With Quote
  8. 05-23-2003 11:24 AM #8
    pyro's Avatar
    pyro
    pyro is offline Registered User
    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!
    Reply With Quote Reply With Quote
  9. 05-23-2003 11:41 AM #9
    stmasi's Avatar
    stmasi
    stmasi is offline I am Zim!!!
    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.

    Reply With Quote Reply With Quote
  10. 05-23-2003 11:44 AM #10
    Charles's Avatar
    Charles
    Charles is offline JavaScript Banned
    Join Date
    Nov 2002
    Location
    Baltimore, Maryland
    Posts
    12,257
    <!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
    Reply With Quote Reply With Quote
  11. 05-23-2003 11:48 AM #11
    pyro's Avatar
    pyro
    pyro is offline Registered User
    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!
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

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

Forum Rules

 HTML5 Development Center



Recent Articles