Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 18.07.2011, 10:54
wirdnix wirdnix ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.01.2009
Beiträge: 31
wirdnix befindet sich auf einem aufstrebenden Ast
Standard Variable Breite für Submenü

Hallo,
ich möchte ein Submenü so gestalten, daß alle Menuitems genauso "lang" sind wie ihr Text und nicht nach 100px in eine 2. Zeile umbrechen. So ein ähnliches Problem hatte ich schonmal, damals ließ es sich damit lösen, bei den ul und li Elementen einfach width auszukommentieren . Damit scheint es diesmal aber nicht zu gehen. Hat jemand einen Tipp?

Hier mein Css:

Code:
#mainmenu {
	width: 730px;
	height: 20px;
	float: right;
	margin-top: 12px;
	margin-bottom: 20px;
}

.mainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.mainnav * {
	margin: 0;
	padding: 0;
	list-style: none;
}


.mainnav ul {
	position: absolute;
	top: -999em;
	display: none;
}

.mainnav li {
	float: left;
	position: relative;
	z-index: 999;
	height: 20px;
	line-height: 20px;
	margin-left: 20px;
}

.mainnav a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
}

.mainnav a:hover,
.mainnav li.current-menu-item a,
.mainnav li#current a,
.mainnav li.current-cat a,
.mainnav li.current_page_item a {
	text-decoration: none;
	color: #d65917;
}

.mainnav li:hover {
	text-decoration: none;
}

.mainnav ul li{ 
	/*width: 100px;*/
}

.mainnav li:hover ul,
ul.mainnav li.sfHover ul {
	left: -10px;
	top: 15px;
	padding-top: 25px;
	/*width: 100px;*/
}

.mainnav li:hover li ul,
.mainnav li.sfHover li ul {
	top: -999em;
}

.mainnav li li:hover ul,
ul.mainnav li li.sfHover ul {
	left: 100px;
	top: -25px;
}

.mainnav li:hover ul,
.mainnav li li:hover ul {
	top: -999em;
}

.mainnav li li {
	display: inline;
	padding: 0px;
	/*height: auto !important;*/
	border-bottom: solid 1px #fff;
	margin: 0;
	background: #4f4f4f;
	line-height: 20px;
}

.mainnav li li a:link, 
.mainnav li li a:visited {
	display: block;
	/*height: auto !important;*/
	text-transform: lowercase;
    color: #fff;
	font-weight: normal;
	font-size: 12px;
	border: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.mainnav li li a:hover {
	color:#d65917 !important;
	
}
Mit Zitat antworten
Sponsored Links