zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Vererbung im Menü nutzen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.07.2011, 15:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.07.2011
Beiträge: 11
LukasHome befindet sich auf einem aufstrebenden Ast
Standard Vererbung im Menü nutzen

Hallo,
ich hab ein fertiges Menü, das alle Menüpunkte horizontal links anordnet:
Code:
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	z-index:10;
	}
.menu ul{
	background:#E2001A;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		
		color:#000000;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}


		.menu li a:active, .menu ul li:active a{
			background: #E2001A url("images/navpfeil.gif") top center no-repeat;
			color:#FCCF0F;				
			}

.menu li a:hover, .menu ul li:hover a{
			background: #E2001A url("images/navpfeil.gif") top center no-repeat;
			color:#FFFFFF;				
			}
			

	.menu li ul{
		background:#999;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:10;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;		
		}
		
	.menu li:active ul{
		display:block;		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
		
	.menu li:active li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#E2001A;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
		.menu li ul a:active, .menu li ul li:active a{
			background:#E2001A;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
			
	.menu p{
		clear:left;
		}
Die Menüpnkte Impressum und Kontakt würde ich aber gerne rechts anordnen.

Bei der Vererbung müsste ich ja nur das abgeändert werden
Code:
	.menu li{
		float:right;
		padding:0px;
		}
Ist sowas in CSS möglich? Hab bisher nur was über Vererbung bei Link's oder p-Elemente gefunden.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.07.2011, 15:08
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Vererbung bedeutet, dass etwas von Vorfahren an Nachfahren weitergegeben wird. Du meinst sicher etwas anderes.

Wenn du bestimmte Elemente anders als andere formatieren willst, dann brauchst du einen passenden Selektor. Dieser ergibt sich in irgendeiner Form aus der Struktur des HTML. Diese kennen wir nicht.
Bitte lies und beachte die Hinweise für Fragende.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.07.2011, 15:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.07.2011
Beiträge: 11
LukasHome befindet sich auf einem aufstrebenden Ast
Standard

Ok ich werd mich mal einlesen wie ich das mit einem Selektor realisieren kann.
Danke für den Hinweis.

Viele Grüße, Lukas
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
Vertikale Navigation: IE6 - Whitespace-Bug? b.erry CSS 6 12.02.2009 17:46
Tab Menü Problem BloodHunger CSS 6 22.12.2008 17:04
Umbruch in einem LI bei horizontalem Menü M4rco CSS 12 13.10.2006 12:26
Navigation - Menü T.S. CSS 6 18.02.2006 19:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:11 Uhr.