✔ Ganzes List-Item verlinken

[Geflügel]

Hallo,

Problemkind: http://diveintojens.org/stadler/Kontakt.as

Ich will in meinem Menü ein komplettes List-Item verlinken,
aber es geht irgendwie weder mit display: inline; noch mit display: block;

Habt ihr eine Idee? Danke!

Edit: Ich hab's mit

ul#shell li a
{
border: 0px;
display: block;
width: 100%;
height: 100%;
}

aber das ist nicht wirklich kompatibel mit ms internet explorer..

 

[Maik]

Probier es mal hiermit:

ul#shell li a {
display: block;
}

 

[Geflügel]

Das geht aber nicht, wenn man margin: Ypx; für das li-Element angibt.

	<style type="text/css" media="screen, projection">
	/*<![CDATA[*/
		ul#f li
		{
			float: left;
			padding: 20px;
		}
		ul#f li a
		{
			display: block;
		}
	/*]]>*/
	</style>

<ul id="f">
	<li><a href="#">link 0</a></li>
	<li><a href="#">link 1</a></li>
</ul>

Kann man da nix machen?

 

[Maik]

Hi!

Und was soll daran nicht funktionieren?

Wenn ich beispielsweise margin:0 20px für die Listenpunkte deklariere, dann wird links und rechts ein Außenabstand von 20px gesetzt. Addiert man nun noch den linken und rechten Innenabstand von 20px hinzu, ergibt sich zwischen den Links eine Lücke von 80px.

Dies gilt für alle mir zur Verfügung stehenden Browser.

Vielleicht solltest du einfach mal die padding-Angabe dem Link zuweisen, falls es das ist, was du erreichen ist.

 

[Geflügel]

Vielleicht solltest du einfach mal die padding-Angabe dem Link zuweisen, falls es das ist, was du erreichen ist.

Genau das! Sorry. Ja, jetzt klappt es auch.