#1
  1. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2003
    Location
    Canada
    Posts
    543
    Rep Power
    24

    CSS Navcell borders


    I was wondering if their is a way to make a border just like a thin line. Like it's not bold (solid).

    Copy and Paste this into a text editor:

    <html>
    <body>
    <table width="98%" border="1" cellspacing="0" cellpadding="4" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
    <tr>
    <td class="sidebarheader">HEADER</td>
    </tr>
    <tr>
    <td class="sidebarcontent">
    CONTENT
    </td>
    </tr>
    </table>
    </body>
    </html>

    Save that as filename.htm, then open it. That's what border I want to get. But that's using HTML and tables.

    I use Navcells.

    Thank you for your time.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    May 2003
    Posts
    1,014
    Rep Power
    14
    What are Navcells?

    Code:
    	border: 1px solid black;
    Hope this helps,
    Jeroen
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2003
    Location
    Canada
    Posts
    543
    Rep Power
    24
    I'm using 1px solid #000000; already. It looks like it's bold.

    Navbox, Navcell[open][closed], etc are tables that go to a certain size depending on what screen resolution you have set. That way, if the programmer is using an 800by600 screen resolution and someone views the website in 1024by768, it won't look small. If the programmer uses 1024by768, and someone views the website in 800by600, it doesn't look really big. Understand? Hopefully I was accurate with my explanation.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    May 2003
    Posts
    1,014
    Rep Power
    14
    It looks like it's bold.
    A border looking like it's bold? Now I'm starting to get curious... Is it displayed as a *one* pixel black border?

    Jeroen
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2003
    Location
    Canada
    Posts
    543
    Rep Power
    24
    It's definitely not one pixel.
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    May 2003
    Posts
    1,014
    Rep Power
    14
    Do you have any control over navbox/navcells? It sounds as if it's some sort of a code generator. Is that correct?
    Could you show the generated code (pls. use the attach functionality) or better: do you have a URL where we could see this?
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2003
    Location
    Canada
    Posts
    543
    Rep Power
    24
    I have complete control over them. I always do my codes, scripts, etc manually.

    It might be a problem with what borders I'm setting. Because you can use:

    border-top
    border-bottom
    border-left
    border-right

    And I'm using all of them right now.
  14. #8
  15. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1955
    Please post some actual code that's giving you problems. Like Jerom, I've never heard of navcells--but, there's lots I haven't heard of

    cheers,

    gary
  16. #9
  17. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2003
    Location
    Canada
    Posts
    543
    Rep Power
    24
    Here is what uses borders:


    .nav_box {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }


    .navcell_closed {

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }


    .navcell_open {

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }



    #mainboxskin {

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }



    #mainboxguts {

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }



    #boxinsetabove {

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }



    #boxinsetbelow {

    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

    }
  18. #10
  19. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1955
    Without seeing your HTML code using these classes, I suspect that adjacent cells are abutting their borders. Thus, two 1px borders become 1+1 px wide.

    Check out the border-collapse attribute.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.

IMN logo majestic logo threadwatch logo seochat tools logo