ilch.de :: Forum :: Allgemein :: HTML, PHP, SQL,...

Hi Leute ich habe hier ein css Menü das auf der linken seite ist und ich möchte es von horizontal auf vertikal wechseln und bekomme das einfach nicht hin :-(
es soll so wie auf diesem Demo Bild dann sein

img707.imageshack.us/img707/3014/menuah.jpg

( und es handelt sich um ein Submenü )

#left_navigation ul{
	width: 240px;
	padding: 0 0 1px 0;
	margin: 0;
	background-image:url(images/left_navigation_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#left_navigation li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#left_navigation li a {
	display:block;
	padding:9px 6px 8px 18px;
	text-decoration:none;
	color:#808080;
	line-height:1;
	font-weight: bold;
	border-top: 0px solid #E6E6E6;
	background-image:url(images/left_navigation_inactive_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#left_navigation a:hover {
	color:#FF8000;
	background-color: #E9E9E9;
	background-image:url(images/left_navigation_hover_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	font-weight: bold;
}

#left_navigation a.active {
	color:#FF8000;
	background-color: #E9E9E9;
	background-image:url(images/left_navigation_active_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	font-weight: bold;
}

#left_navigation li.level_3 a {
	display:block;
	padding:5px 6px 5px 36px;
	text-decoration:none;
	background-image:none;
	color:#808080;
	line-height:1;
	font-size: 0.9em;
	border-top: 0px solid #c6c6c6;
	font-weight: normal;
}

#left_navigation li.level_3 a:hover,
#left_navigation li.level_3 a.active {
	color:#FF8000;
	background-color: #E9E9E9;
	background-image:url(images/left_navigation_hover_bg.gif);
	background-position:right center;
	background-repeat:no-repeat;
	font-weight: normal;
}

#left_navigation li.level_4 a {
	display:block;
	padding:5px 6px 5px 54px;
	text-decoration:none;
	background-image:none;
	color:#808080;
	line-height:1;
	font-size: 0.9em;
	border-top: 0px solid #c6c6c6;
	font-weight: normal;
}

#left_navigation li.level_4 a:hover,
#left_navigation li.level_4 a.active {
	color:#FF8000;
	background-color: #E9E9E9;
	background-image:url(images/left_navigation_hover_bg.gif);
	background-position:right center;
	background-repeat:no-repeat;
	font-weight: normal;
}

verwendete ilchClan Version: 1.1 N

Geschlossen

	Zurück zu HTML, PHP, SQL,...

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Css menü frage