[TYPO3-german] FW: Einfaches Problem: Horizontales Navi

[level R]

Hallo Kai
Danke fuer den Tipp.Ich habe die Navigation schrittweise bis 900px vergroessert. Solang display: block;steht, kann man sehen, dass es mehr Platz beansprucht;
aber sobald dadisplay: inline;oderdisplay: inline-block;steht, braucht es nur so viel Platz, wie das Wort lang ist...

Uebrigens:
UnterDatei > Template > info/Bearbeiten > Setuphabe ich folgenden Typoscripteintrag:
marks.NAVIGATION = HMENU
   marks.NAVIGATION {
        wrap = <ul class="navi"> | </ul>
        1 = TMENU
        1.NO.linkWrap = <li> | </li>
        }

Hat es damit etwas zu tun, dass es nicht funktioniert?


Gruss,Alain


> Date: Mon, 25 Jun 2012 13:34:45 +0200
> From: lochbaum at salient.de
> To: typo3-german at lists.typo3.org
> CC: levelr at live.com
> Subject: Re: [TYPO3-german] Einfaches Problem: Horizontales Navi
> 
> 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
> 
>