1 reply [Last post]
SnowStar
Offline
newbie
Last seen: 17 years 33 weeks ago
Joined: 2005-02-11
Posts: 5
Points: 0

I have some HTML, that looks like this:

<p class='navigation'> 
<a href='index.php?id=17'>Menu1</a> 
<a href='index.php?id=18'>Menu2</a> 
<a href='index.php?id=19'>Menu3</a> 
</p>


I use this CSS for generating borders in the top and bottom:
.navigation a,.navigation a:hover {
	padding: 4px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: block;
	color: #000000;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;
}

.navigation a:hover { 
   padding: 4px; 
   text-decoration: none; 
   color: #000000; 
   background: #D9D9D9; 
   border-top: 0px solid #000000; 
   border-bottom: 1px solid #000000; 
}


It generates fine looking borders and hover-color, completely filling between the borders
My problem is, that I only get borders below...
Both above and below (to give a complete look) results in fine borders above the menu and below the menu, but double-borders between the menu items...

I just can't figure it out...
I have even tried to create an extra, empty link above, which I tried to squeeze together to nothing, but that won't work either...

Here is the link to the page I am working out. As of now, notice the area above the menu, where i added an empty link. It gets gray when the mouse hover above it. Thats not good enough...

http://www.delights.dk/company/2cv/

Best regards
Nicky
An Etomite.org CMS system user.

SnowStar
Offline
newbie
Last seen: 17 years 33 weeks ago
Joined: 2005-02-11
Posts: 5
Points: 0

adding borders above and below links

Bah! so simple!

i just added a style="border-top: 1px solid #000000;" to the top paragraph tag <p class="navigation" style="border-top: 1px solid #000000;">

Nevermind me... Wink

/nicky