header navigation - how do I make colored border

[HeleneHH]

Hi

 

I would like to make a colored border on the top and bottom in the header navigation.

I would like it to look something like this: www.danishcare.dk

 

How should I do?

 

Thank you in advance :rolleyes:

[germ]

stylesheet.css

 

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
/* the code below does the upper/lower borders - alter to suit */
 border-left-style: none; 
 border-right-style: none; 
 border-bottom-style: solid; 
 border-bottom-color: #000000; 
 border-bottom-width: 3px; 
 border-top-style: solid; 
 border-top-color: #000000; 
 border-top-width: 3px; 
}

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

[HeleneHH]

stylesheet.css

 

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
/* the code below does the upper/lower borders - alter to suit */
 border-left-style: none; 
 border-right-style: none; 
 border-bottom-style: solid; 
 border-bottom-color: #000000; 
 border-bottom-width: 3px; 
 border-top-style: solid; 
 border-top-color: #000000; 
 border-top-width: 3px; 
}

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

 

 

FANTASTIC! THANK YOU!!!