[TYPO3-german] Einfaches Problem: Horizontales Navi

[Kai Lochbaum]

Hallo Alain,

Mein spontaner Tipp wäre die Navigation breiter zu machen. 200px 
scheinen doch recht wenig für eine horizontale Navi.

Viele Grüße,
Kai


Am 25.06.12 13:11, schrieb level R:
> Hallo zusammen
> Eigentlich glaube ich, dass die Loesung ganz einfach ist, aber ich komme schon den ganzen Morgen nicht drauf.....Ich habe eine Navigation, die ich schon mehrmals benutzt habe. Diese ist aber vertikal, und nun soll sie horizontal sein.
> Im gewoehnlichen CSS habe ich das immer mit display: inline; gemacht. Aber jetzt will es nicht klappen. Auch die Google-Suche und diverse CSS Tutorials haben mich nicht auf die Loesung gebracht...
> Um einen Tipp waere ich sehr dankbar!
>
> Besten Dank fuer die Muehe im Voraus!
> Alain
>
>
>
> Der CSS Code sieht wie folgt aus:
>
> div#navigation {
>     
>    width:200px;
>    float:left;
> }
>
>
>
>
> div#navigation ul 	{		list-style-type:none;	padding:0;	margin:1em;}
> div#navigation ul ul	{		list-style-type:none;	padding:0;	margin:0 0 0.5em 1em;}											ul.navi li	 { 			margin-bottom:0.2em;}			
> ul.navi li a { 	display:block;	padding:0.2em 0.2em;	text-decoration:none;	color:#905D23;	font-weight:bold;	border:1px solid #E39F53;	background-color:#FFD29F;}	
> ul.navi li a.active { 	background-color:#FBB15E;	border-color:#C16500;	color:#6C4112;}				ul.navi li a:hover {		background-color:#F6BF80;	color:#C4761F	border-color:#ccc;}
> ul.navi li a.active:hover { 	background-color:#FF9E33;	border-color:#C16500;	color:#6C4112;}					ul.subnavi li	{		list-style-type:none;	margin: 0;	padding:0;	margin-bottom:0.2em;}								ul.subnavi li a {	 	font-size:90%;	padding:0.2em 0.5em;	text-decoration:none;	color:#AEACAA;	font-weight:bold;	background-color:white;	border:0;}											ul.subnavi li a:hover { 	text-decoration:none;	background:white;	background-image:url(pfeil_o.gif);	background-repeat:no-repeat;	background-position:center left;}
> ul.subnavi li a.active { 	background-color:#fff;	background-image:url(pfeil.gif);	background-repeat:no-repeat;	background-position:center left;	font-weight:bold;	color:#E38114;}
> ul.subnavi li a.active:hover { 	text-decoration:none;	background:white;		color:#E38114;	background-image:url(pfeil.gif);	background-repeat:no-repeat;	background-position:center left;}				
>
>   		 	   		
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german