✔ Link Hintergrund soll gleich lang sein...

[Acriss]

Hi,
ich habe eine Navigation, die vom Prinzip so aussieht so aussieht:

Der Link 1
Link 2
Link drei
und der vierte Link

Also alle Links verschieden lang. Nun möchte ich aber, das alle Link einen Hintergrund haben, der gleich lang ist. ich habe es schon so probiert:

<td><a href="#" class="Menu"><div class="menudiv">Der Link 1</div></a></div></td>

<!-- Das ganze befindet sich in einer Tabelle ^^ 

Das Css sieht so aus:

a.Menu:link, a.Menu:visited, a.Menu:active
	{color:blue; text-decoration:none; background-color:silver;}
div.menudiv
	{width:20px;}
-->

Aber es funktioniert nicht, viel mehr verschwindet der Background

Hilfe ^ ^

 

[Gumbo]

Stelle die a-Elemente als Block-Level-Elemente dar, am besten noch in der Form einer Liste, sollte es ein Navigationsmenü sein.

<ul id="nav">
	<li><a href="">Der Link 1</a></li>
	<li><a href="">Link 2 </a></li>
	<li><a href=""> Link drei </a></li>
	<li><a href=""> und der vierte Link </a></li>
</ul>

#nav {
	list-style: none;
	padding: 0;
	position: relative;
}
#nav li {
	float: left;
	width: 200px;
}
#nav a:link {
	display: block;
	background-color: #F00;
}
#nav a:link:hover {
	background-color: #0F0;
}

 

[Maik]

Hi,

bleibt von meiner Seite an dem gezeigten Code-Schnipsel anzumerken, dass Inline-Elemente (= a) keine Block-Elemente (= div) enthalten dürfen.

 

[Acriss]

Danke für eure Hilfe