The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> CSS Help
|
CSS Navcell borders
Discuss CSS Navcell borders in the CSS Help forum on Dev Shed. CSS Navcell borders Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.
|
|
 |
|
|
|
|

Dev Shed Forums Sponsor:
|
|
|

August 17th, 2003, 06:23 PM
|
|
Contributing User
|
|
Join Date: Feb 2003
Location: Canada
|
|
|
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
|
|
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
|
|
Contributing User
|
|
Join Date: Feb 2003
Location: Canada
|
|
|
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
|
|
Contributing User
|
|
Join Date: May 2003
Posts: 1,014
  
Time spent in forums: 1 Day 21 h 56 m 52 sec
Reputation Power: 14
|
|
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
|
|
Contributing User
|
|
Join Date: Feb 2003
Location: Canada
|
|
|
It's definitely not one pixel.
|

August 17th, 2003, 07:35 PM
|
|
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
|
|
Contributing User
|
|
Join Date: Feb 2003
Location: Canada
|
|
|
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
|
 |
Thanks Johnny Hart (BC) R.I.P.
|
|
Join Date: May 2003
Location: Dallas
|
|
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
|
|
Contributing User
|
|
Join Date: Feb 2003
Location: Canada
|
|
|
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;
}
|

August 18th, 2003, 07:05 PM
|
 |
Thanks Johnny Hart (BC) R.I.P.
|
|
Join Date: May 2003
Location: Dallas
|
|
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.
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|