Formatierung wird nicht überall angenommen

Yannick · #1 (**permalink**) 17.06.2013, 20:17

Ich wollte das bei allen Buttons, wenn man darauf geht, die Schriftart blau wird. Das klappt jetzt aber nur beim ersten Button bei den anderen nicht. Warum? Vielen Dank für eure Hilfe.

Code:

ul#navi_main
{
	text-align:center;
	font-family: Comic;
	font-weight: bold;
	font-size: 17px;
}

ul#navi_main a
{
	text-decoration: none;
	color: black;
	
}

ul#navi_main a:hover
{
	text-decoration: none;
	text-decoration: blue;
}

ul#navi_main li
{
	float: left;
	position: relative;
	list-style-type: none;
}

ul#navi_main li.zunav
{
	width: 20px;
	padding-top: 5px;
	padding-bottom:5px;
}

ul#navi_main li.home
{
	width: 100px;
	padding-top: 5px;
	padding-bottom:5px;
}

ul#navi_main li.benutzer
{
	width: 100px;
	padding-top: 5px;
	padding-bottom:5px;
}

HTML-Code:

<html>
<head>
	<link href="css/stylesheet_main_homepage.css" type="text/css" rel="stylesheet" />
</head>
<body>
<nav>
	<div id="navigation_main">
		<div id="main">
			<ul id="navi_main">
			
			
				<a href="home.php"><li class="home">Home</li>
					<ul class="dropdown_navi">
						<a href="eintrag.php"><li>Neuer Eintrag</li></a>						
						<a href="upload.php"><li>Neues Bild</li></a>
				  </ul> 				
				</a>
				
				<li class="zunav"><img src="zunav.jpg" /></li>
				
				<a href="benutzer.php"><li class="benutzer">Benutzer
					<ul class="dropdown_navi">
					<a href="aktivieren.php"><li>Aktivieren</li></a>					
					</ul>
				</a>
				
				
			</ul>
 	</div>
 </div>
</nav>
</body>
</html>

threadi · #2 (**permalink**) 17.06.2013, 20:24

Dein HTML-Code ist noch fehlerhaft. <li> sollte nicht innerhalb von <a> vorkommen.

Die Ursache für dein Farbproblem ist jedoch ein simpler Schreibfehler.

Falsch:

Code:

ul#navi_main a:hover
{
	text-decoration: none;
	text-decoration: blue;
}

Richtig:

Code:

ul#navi_main a:hover
{
	text-decoration: none;
	color: blue;
}

Yannick · #3 (**permalink**) 17.06.2013, 20:36

Ups... das ist jetzt aber peinlich. Vielen Dank. Kannst du mir noch sagen, warum Neuer Eintrag und neues Bild Button neben dem Home Button erscheinen und nicht wie beim Benutzer Button, dass der Aktivierungsbutton im anderen noch versteckt bleibt und sich erst beim klicken zeigt. Vielen Dank

Code:

ul#navi_main li ul.dropdown_navi
{
	background-color: white;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 115px;
	padding: 5px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 2px 2 px 5px #000000;
	
}

ul#navi_main li ul
{
	float: none;
	text-align: left;
	display: block;
	color: black;
	padding: 5px;

}

ul#navi_main li ul li:hover
{
	float: none;
	text-align: left;
	display: block;
	color: blue;
	background-color: #DCDCDC;
	padding: 5px;
}

ul#navi_main li>ul
{
	display: none;	
}

ul#navi_main li:hover>ul
{
	display: block;	
}

threadi · #4 (**permalink**) 17.06.2013, 20:55

Wie schon gesagt: korrigiere deinen HTML-Code so dass er valide ist.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS Formatierung funktioniert Serverseitig nicht	anita	CSS	1	27.05.2010 17:25
affili link nicht direkt ansprechbar wie formatierung?	docki	CSS	5	21.04.2007 14:11
CSS Formatierung von Überschriften	deepblue	CSS	3	09.03.2007 11:40
textarea formatierung wird nicht angenommen	manuu	CSS	1	28.02.2006 12:45
<p> formatierung wird nicht angenommen	manuu	CSS	2	19.02.2006 11:20