Frage stellen
ich sitze gerade an einer Typo3 Seite und habe das Problem, dass mir die TopNavi-Links alle zu tief angezeigt werden.
Zu sehen ist das ganze auf http://www.diviana-nails.de/typo3
Der Aufbau ist wie folgt. Ein Wrap um die gesammte Seite. Dann eine DIV Box für den Header. Darunter drei DIV Boxen für die Grafiken der Navi (Links, Mitte und Rechts). In der mittleren DIV Box befindet sich nochmal eine DIV Box für die Links.
Jetzt wird das Menü in Typo3 als TMENU (Textmenü) erzeugt und als Liste in der DIV Box ausgegeben.
Hier habe ich dann das Problem das die Links immer ganz unten angezeigt werden. Hab es schon mit padding und margin versucht aber hilft alles irgendwie nicht.
Hier ein Auszug aus dem CSS File:
- Code: Alles auswählen
#tn_links{
background-image: url(images/topnavi_links_13x35.jpg);
width: 13px;
height: 35px;
float: left;
}
#topNavi{
background-image: url(images/topnavi_bg.jpg);
width: 956px;
height: 35px;
float: left;
}
#tn_rechts{
background-image: url(images/topnavi_rechts_11x35.jpg);
width: 11px;
height: 35px;
float: left;
}
#topNavi ul{
border: 1px solid blue;
}
#topNavi li{
list-style: none;
float: left;
margin-right: 15px;
color: #000;
padding-bottom: 10px;
}
Hier aus der index.html:
- Code: Alles auswählen
<div id="wrap"><!-- Box um das gesammte Dokument zentriert zu halten -->
<div id="header"></div>
<div id="tn_links"></div>
<div id="topNavi">
<div id="menuBox">
###TOPNAVI###
###TOPNAVI###
</div>
</div>
<div id="tn_rechts"></div>
<div id="mittelteil">
<div id="sideNavi">
###SIDENAVI###
###SIDENAVI###
</div>
<div id="inhalt">
###INHALT###
###INHALT###
</div>
</div>
<div id="footer">
###FOOTER###
###FOOTER###
</div>
</div>
und zum Schluß noch TypoScript:
- Code: Alles auswählen
page.10.subparts.TOPNAVI = HMENU
page.10.subparts.TOPNAVI {
1 = TMENU
1.wrap = <ul> | </ul>
1.NO = 1
1.NO.linkWrap = <li> | </li>
}
Wer sich nicht mit TypoScript auskennt: Die Links werden automatisch erzeugt und dann als <ul><li>Link1</li></ul> usw. ausgegeben.
Kann da jemand helfen??
Viele Dank
Christian
