bleumi85: CSS first-child

Beitrag lesen

SELF-Forum

CSS first-child

bleumi85 (Versionen)
– Informationen zu den Bewertungsregeln

Vielen Dank für die vielen und schnellen Antworten,

leider bin ich was das hovern angeht immer noch nicht am Ziel, aber irgendwie werde ich schon noch eine Lösung finden. Vielleicht ist mein grundsätzlicher Aufbau auch irgendwie falsch.

Mein HTML-Teil sieht aktuell wie folgt aus:

<body>
	<nav>
		<ul>
			<li><a href="#" class="active">Home</a></li>
			<li><a href="#">Kontakt</a></li>
			<li><a href="#">bla bla</a></li>
			<li><a href="#">Bilder</a></li>
			<li><a href="#">Videos</a></li>
		</ul>
	</nav>
</body>

Und das hier wäre die zugehörige CSS:

body{
	font-size:100%;
	margin:0em;
	padding:0em;
	width:70%;
	left:15%;
	top:4em;
	position:absolute;
}

nav{
	width:100%;
	height:3em;
}

nav ul{
	margin:0em;
	padding:0em;
}

nav ul li{
	position:relative;
	display:block;
	float:left;
	list-style:none;
	height:1.5em;
	background-image:linear-gradient(#46c182 15%, #00a652 100%);
	text-align:center;
	margin-right:0.3em;
	padding:0.6em 1em 0.9em 1em;
	border-radius:0.5em 0.5em 0 0;
}

nav ul li a{
	text-decoration:none;
	color:white;
	font-size:1.5em;
}

nav ul li a.active{
	background:white;
        color:black;
}

Es bleibt aber dabei, dass das aktive li-Element nicht vollständig gefärbt wird sondern eben nur der Text und sein Hintergrund. Was genau ich da falsch angehe versteh ich selber nicht.

[Vollzitat entfernt]

Beitrag melden
–
Informationen zu den Bewertungsregeln