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
