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: lochb...@salient.de
> To: typo3-german@lists.typo3.org
> CC: lev...@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@lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
