SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2002
    Location
    South Africa
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with table borders

    I'm creating a site where I want to put everything inside a border(table), my problem is the border appears with two lines and I need it to show a single thin line.

    Please help, I'm useng Dreamweaver MX, by the way.

  2. #2
    SitePoint Zealot 19nine78's Avatar
    Join Date
    Feb 2002
    Location
    Ayr, scotland
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try reading: this thread

    it should answer your question

    cheers

    alastair

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2002
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would suggest using the following to make the border look as good as possible in Netscape Navigator 4.78. People still use them for some reason... <<shrug>>

    I would use the following for tables borders:

    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="500">

    that leaves a 1px line for a border in IE, and NN looks decent enough. NN 4xx doesn't handle the css at all and screws everything up.

  4. #4
    Object Not Found junjun's Avatar
    Join Date
    Mar 2002
    Location
    northern MI
    Posts
    1,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've often used this hack for browser compatability:
    <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <tr>
    <td><table border="0" cellpadding="5" cellspacing="1">
    <tr>
    <td bgcolor="#FFFFFF">hello</td>
    <td bgcolor="#FFFFFF">I </td>
    <td bgcolor="#FFFFFF">am </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

  5. #5
    SitePoint Member zeca_pedra's Avatar
    Join Date
    Jun 2002
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    not a reply...need help with nested tables

    Sorry, this is not a reply but a request for help. I couldn't find a topic about using nested tables so I'm using this post instead (sorry about that!).
    I'm having a problem with some nested tables. Editing the html code and saving the file with the extension .html I get a clean layout. But using Visual.NET and pasting this same code on it (and saving the file as an web user control - *.ascx ) I always get a little thin border - I believe that waht I see it's the color of the first table through the nested ones! Why is this happening? Why do I get this in visual.NEt and a clean layout in frontpage or adobe golive? How can I solve it?
    Here's the code I used for the tables:

    <table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="760" id="AutoNumber4" cellpadding="0" bgcolor="#FFFFFF">
    <tr>
    <td width="150" bgcolor="#FFFFFF">&nbsp;</td>
    <td>
    <table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber6" cellpadding="0" bgcolor="#0D7391">
    <tr>
    <td width="7%" align="center">
    <img border="0" src="left.gif" width="40" height="25"></td>
    <td width="7%" align="center"><font color="#FFFFFF">tab</font></td>
    <td width="6%" align="center">
    <img border="0" src="right.gif" width="40" height="25"></td>
    <td width="7%" align="center">
    <img border="0" src="left.gif" width="40" height="25"></td>
    <td width="7%" align="center"><font color="#FFFFFF">tab</font></td>
    <td width="6%" align="center">
    <img border="0" src="right.gif" width="40" height="25"></td>
    <td width="7%" align="center">
    <img border="0" src="left.gif" width="40" height="25"></td>
    <td width="7%" align="center"><font color="#FFFFFF">tab</font></td>
    <td width="6%" align="center">
    <img border="0" src="right.gif" width="40" height="25"></td>
    <td width="7%" align="center">
    <img border="0" src="left.gif" width="40" height="25"></td>
    <td width="7%" align="center"><font color="#FFFFFF">tab</font></td>
    <td width="6%" align="center">
    <img border="0" src="right.gif" width="40" height="25"></td>
    <td width="7%" align="center">
    <img border="0" src="left.gif" width="40" height="25"></td>
    <td width="7%" align="center"><font color="#FFFFFF">tab</font></td>
    <td width="6%" align="center">
    <img border="0" src="right.gif" width="40" height="25"></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td width="150" valign="top">
    <table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber5" cellpadding="0" bgcolor="#E0E0E0">
    <tr>
    <td width="100%" bgcolor="#0D7391">
    <p align="center"><font color="#FFFFFF">menu</font></td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    <tr>
    <td width="100%" bgcolor="#E08D3A">&nbsp;link</td>
    </tr>
    </table>
    </td>
    <td valign="top">
    <table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber7" cellpadding="0" bgcolor="#FFFFFF">
    <tr>
    <td width="20%" align="center" bgcolor="#EFBE4E">header</td>
    <td width="20%" align="center" bgcolor="#EFBE4E">header</td>
    <td width="20%" align="center" bgcolor="#EFBE4E">header</td>
    <td width="20%" align="center" bgcolor="#EFBE4E">header</td>
    <td width="20%" align="center" bgcolor="#EFBE4E">header</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    <td width="20%" align="center">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    <td width="20%" align="center" bgcolor="#E0E0E0">data</td>
    </tr>
    <tr>
    <td width="20%" align="center" bgcolor="#C0C0C0">footer</td>
    <td width="20%" align="center" bgcolor="#C0C0C0">footer</td>
    <td width="20%" align="center" bgcolor="#C0C0C0">footer</td>
    <td width="20%" align="center" bgcolor="#C0C0C0">footer</td>
    <td width="20%" align="center" bgcolor="#C0C0C0">footer</td>
    </tr>
    <tr>
    <td width="100%" align="center" colspan="5" bgcolor="#111111">
    <p align="right"><font color="#FFFFFF">pager</font></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    thanks in advance to everyone


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
  •