CSS Navcell borders

Dev Shed Forums Sponsor:

August 17th, 2003, 06:23 PM

MasterChief

Contributing User

Join Date: Feb 2003

Location: Canada

Posts: 543

Time spent in forums: 1 Day 11 h 18 m 34 sec
Reputation Power: 23

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.

August 17th, 2003, 06:39 PM

jerom

Contributing User

Join Date: May 2003

Posts: 1,014

Time spent in forums: 1 Day 21 h 56 m 52 sec
Reputation Power: 14

What are Navcells?

Code:

	border: 1px solid black;

Hope this helps,
Jeroen

August 17th, 2003, 06:53 PM

MasterChief

Contributing User

Join Date: Feb 2003

Location: Canada

Posts: 543

Time spent in forums: 1 Day 11 h 18 m 34 sec
Reputation Power: 23

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.

August 17th, 2003, 07:07 PM

jerom

Contributing User

Join Date: May 2003

Posts: 1,014

Time spent in forums: 1 Day 21 h 56 m 52 sec
Reputation Power: 14

Quote:

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

August 17th, 2003, 07:20 PM

MasterChief

Contributing User

Join Date: Feb 2003

Location: Canada

Posts: 543

Time spent in forums: 1 Day 11 h 18 m 34 sec
Reputation Power: 23

It's definitely not one pixel.

August 17th, 2003, 07:35 PM

jerom

Contributing User

Join Date: May 2003

Posts: 1,014

Time spent in forums: 1 Day 21 h 56 m 52 sec
Reputation 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?

August 17th, 2003, 10:50 PM

MasterChief

Contributing User

Join Date: Feb 2003

Location: Canada

Posts: 543

Time spent in forums: 1 Day 11 h 18 m 34 sec
Reputation Power: 23

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.

August 18th, 2003, 01:12 AM

kk5st

Thanks Johnny Hart (BC) R.I.P.

Join Date: May 2003

Location: Dallas

Posts: 5,268

Time spent in forums: 1 Month 1 Week 4 Days 10 h 31 m 27 sec
Reputation Power: 1954

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

August 18th, 2003, 10:02 AM

MasterChief

Contributing User

Join Date: Feb 2003

Location: Canada

Posts: 543

Time spent in forums: 1 Day 11 h 18 m 34 sec
Reputation Power: 23

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;

}

#10

August 18th, 2003, 07:05 PM

kk5st

Thanks Johnny Hart (BC) R.I.P.

Join Date: May 2003

Location: Dallas

Posts: 5,268

Time spent in forums: 1 Month 1 Week 4 Days 10 h 31 m 27 sec
Reputation Power: 1954

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.

CSS Navcell borders

Developer Shed Advertisers and Affiliates