Gestallterische Fragen zur Realisierung

[scorpi]

Ich habe das jetzt so ergänzt, aber es hat nicht geholfen...:

#navicontainer .menu a:link, #navicontainer .menu a:visited, #navicontainer .menu a:focus, #navinavicontainer li p{	display:block; width:170px; line-height: 90px;
	text-decoration:none;
	font-weight:bold;
	background:#002253;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align:center;
	padding-top:0px;


	
}
#navicontainer .menu_active a, #navicontainer li a:hover, #navicontainer .menu_active a:active{
	display:block; width:170px; line-height: 90px;
	text-decoration:none;
	font-weight:bold;
	color:#002253;
	font-size: 20px;
	text-align:center;
	/*background-image:url(bilder-seite/transparent%2090%25.png);*/
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#e5e5e5;
	padding-top:0px;
	/*background:transparent;*/
}

 

[threadi]

Mach das mal wieder rückgängig und korrigiere deine Angaben in " .submenu_active a, li a:hover" - gerade erst gesehen, dass die bewirken, dass Links in <li>'s bei hover u.a. einen padding links erhalten. Sowas entdeckt man prima per Firebug, wenn man die Augen aufmacht ;)

 

[scorpi]

Diese Angaben hab ich doch bereits in meinem css code. Und mittlerweile sieht mein css code aus wie ein Schlachtfeld... :
Wenn ich zum Beispiel den Teil ".menu_active" und ".menu" ausblende, dann sieht es noch schlimmer aus. Aber dieser Code ist doch bereits hier vorhanden "#navicontainer .menu_active a, #navicontainer li a:hover"...
Das ist der gesamte Code, der die Navigation betrifft:

#navicontainer ul{	list-style:none;
	margin-left:50px;
	margin-right:50px;
}
#navicontainer li{
	
	float:left;
	text-decoration:none;




}
#navicontainer .menu a, #navinavicontainer li p{
	display:block; width:170px; line-height: 90px;
	text-decoration:none;
	font-weight:bold;
	background:#002253;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align:center;
	padding-top:0px;


	
}
#navicontainer .menu_active a, #navicontainer li a:hover{
	display:block; width:170px; line-height: 90px;
	text-decoration:none;
	font-weight:bold;
	color:#002253;
	font-size: 20px;
	text-align:center;
	/*background-image:url(bilder-seite/transparent%2090%25.png);*/
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#e5e5e5;
	padding-top:0px;
	/*background:transparent;*/
	
}
li ul {
	display: none;
  	position: absolute; 
  	top: 1em;
  	left: 0;
	clear:both;
}
li > ul {
	top: auto;
	left: auto;
}


li:hover ul { 
	display: block;
}
.menu_active{
	display:block; width:170px; line-height: 90px;
	text-decoration:none;
	font-weight:bold;
	color:#002253;
	font-size: 20px;
	text-align:center;
	/*background-image:url(bilder-seite/transparent%2090%25.png);*/
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#e5e5e5;
	padding-top:0px;}
.menu{display:block; width:170px; line-height: 90px;
	text-decoration:none;
	font-weight:bold;
	background-color:#002253;
	color:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align:center;
	padding-top:0px;}






.submenu a,  li p{
	display:block;
	line-height: 26px;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#002253;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-align:center;
	padding-top:0px;
	background:transparent;
	padding-left:10px;
	padding-right:10px;
	list-style:none;
	margin-right:1px;
	margin-left:1px;
}
 .submenu_active a, li a:hover{
	display:block;
	line-height: 26px;
	text-decoration:none,underline;
	/*font-weight:bold;*/
	color:#FFF;
	font-size: 15px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#002253;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	list-style:none;
	margin-right:1px;
	margin-left:1px;
}

 

[scorpi]

Super hat alles geklappt... es hat einfach gedauert bis ich verstanden habe, was du gemeint hast...
Vielen Dank,
Ich weiß deine Mühe zu schätzen...:mrgreen: