[TYPO3-german] Einfaches Problem: Horizontales Navi

[Peter Linzenkirchner]

Hallo Alain, 

es gibt natürlich einen Unterschied zwischen 

li {display:inline}
und 
li a {display:inline}

li a muss mit display:block formatiert werden (das ist der Link, der dadurch so groß wird wie der umgebende Container)
li jedoch mit display:inline oder display:inlineblock (das heisst, li wird vom Block-Element zum Inline-Element. )

Richtig ist also: 

li {display:inline}
und 
li a {display:block}

Gruß
Peter

Oder besser: 

li {display:block; float: left}
und 
li a {display:block}




Am 25.06.2012 um 13:29 schrieb level R:

> 
> Hallo Peter
> Danke fuer die prompte Antwort.Diesen Vorschlag hatte ich bereits ausprobiert, aber leider aendert das nichts...Die Navigation ist mit einem orangen Hintergrund hinterlegt.Wenn ich
> display: block;
> mit
> display:inline;
> ersetze, bewirkt das nur, dass der orange Hintergrund nicht mehr eine Einheitslaenge hat, sondern sich der Laenge der Woerter anpasst.
> 
> Und wenn ich an dieser Stelle
> display: inline;
> schreibe, verhaelt es sich gleich, als ob ich diese Zeile komplett loeschen wuerde.
> 
> Also irgendwie scheint er
> display:inline;
> gar nicht zu verstehen....
> 
> Gruss,Alain
> 
> 
>> Date: Mon, 25 Jun 2012 13:22:20 +0200
>> From: peter at function2form.net
>> To: typo3-german at lists.typo3.org
>> Subject: Re: [TYPO3-german] Einfaches Problem: Horizontales Navi
>> 
>> Am 25.06.2012 13:11, schrieb level R:
>>> ul.navi li a { 	display:block;
>> Hallo Alain,
>> 
>> mit dem Eintrag oben legst Du fest, dass die a-tags eben nicht inline 
>> dargestellt werden sollen. Ich würd das weglassen, und statt dessen
>> 
>> ul.navi li { display:inline;
>> 
>> (oder inline-block;) schreiben.
>> 
>> Schöne Grüße,
>> Peter
>> 
>> -- 
>> 
>> http://function2form.net
>> http://peter-kuehnlein.net
>> 
>> "Most people's personal appearance is poor because they don't look into the mirror well enough."
>> (Hagakure)
>> 
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> 		 	   		  
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

--
Xing: http://www.xing.com/profile/Peter_Linzenkirchner
Web: http://www.typo3-lisardo.de
Facebook: http://tinyurl.com/lisardo-multimedia