[Typo3-german] CSS im einer liste, einrückungen und background color

Manfred Rutschmann manfred.rutschmann at cobra-tut.de
Wed Nov 9 10:23:09 CET 2005


Hi *,

also ich kann euch sagen, das ist ja wirklich ein tolles ding :)
Im Moment ist es si, das Active Menus nen weissen Hntergrund haben 
sollen. Dummerweise bekomme ich es nicht so hin, das der Pfeil am Text 
bleibt und der hintergrund weiter nach links wandert. Folgende Sachen 
hab ich probiert:

list-style-position inside/outside (gibt probleme wg umgebrochen Text
verschiedene variationen von padding/margin aber alles irgendwie 
hilflos. demo unter stadt-schoemberg.cobra-computersystems.de

Gibts da ne Idee?

Grüße Manfred

Mein Menu ist wie folgt strukturiert:

	<div id="navigation">
	<ul id="menu_komplett">
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_act"></li>
	<li class="menu2_no"></li>
	<li class="menu2_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li><
	li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	</ul>
	</div>

Das CSS ist so aufgebaut:

#navigation{ position: absolute; top: 180px; margin: 0px; width: 200px; 
padding: 3px; background-color: #C1CCDA;  border: 1px solid #999; left: 
2px;  }

.menu1_no	{ list-style-image: url(pfeil-blau.gif);								margin: 0px; 
padding: 4px; margin-left: 15px; }
.menu1_act	{ list-style-image: url(pfeil-rot.gif); 	background-color: 
#FFFFFF; margin: 0px; padding: 4px; margin-left: 15px;}
.menu2_no	{ list-style-image: url(pfeil-blau.gif); 	background-color: 
#FFFFFF; margin: 0px; padding: 2px; margin-left: 45px; }
.menu2_act	{ list-style-image: url(pfeil-rot.gif); 	background-color: 
#FFFFFF; margin: 0px; padding: 2px; margin-left: 45px; }

.menu1_no a	{ font-family: Arial; font-size: 80%; font-weight: normal; 
text-decoration: none;  line-height: 100%; color: #000000;}
.menu1_act a{ font-family: Arial; font-size: 80%; font-weight: bold; 
text-decoration: none;  line-height: 100%; color: #CC0000;  margin-left: 
0px;}
.menu2_no a	{ font-family: Arial; font-size: 80%; font-weight: normal; 
text-decoration: none;  line-height: 100%; color: #000000; }
.menu2_act a{ font-family: Arial; font-size: 80%; font-weight: bold; 
text-decoration: none;  line-height: 100%; color: #CC0000; margin-left: 
0px;}




More information about the TYPO3-german mailing list