05. 05. 2006, 13:37

Hallo,
ich finde es einfach nicht: Ich habe ein Listenmenu mit unsortierten Listen. Das funktioniert auch. Aber leider kriege ich es einfach nicht hin, den Text korrekt auf den Hintergrundbildern auszurichten.
Wenn ich in der Klasse .menu_main ein padding-top angebe, dann macht der FF zwischen die einzelnen Menupunkte - also zwischen die einzelnen Hintergrundbilder - auch einen Abstand (nicht der IE). Weiss jemand, an welcher Schraube ich drehen muss, damit ich den Text der Menupunkte auf dem Hintergundbild ausrichten kann? Ich suche schon so lange, dass ich nichts mehr sehe.

Kann jemand helfen?

Viele Grüße
Andrea

[TS]marks.MENU = HMENU
marks.MENU.entryLevel = 0
marks.MENU {

1 = TMENU
1 {

wrap = <ul class="menu_ul"> | </ul>
entryLevel = 1
noBlur = 1
NO {

WrapItemAndSub = <li class="menu_li"> | </li>
ATagParams = class = "menu_main"



}

RO < .NO
RO.ATagParams = class = "menu_mainhover"
RO = 1
RO.stdWrap.case = upper

ACT < .NO
ACT.ATagParams = class = "menu_mainact"
ACT = 1
}

2 = TMENU
2 {
wrap = <ul class="menu_ul"> | </ul>
#entryLevel = 0
noBlur = 1
NO {
AllWrap = class = "menu_sub"
after = <br />
ATagParams = class = "menu_sub"
#StdWrap.case = lower
RO = 1
}
ACT < .NO
ACT.ATagParams = class="menu_subact"
ACT = 1

}[/TS]
[HTML]/* 1. Abstand oben 2. Abstand rechts 3. Abstand unten 4. Wert sorgt für die Einrückung - IE und FFOX (Abstand links)*/

.menu_ul {

margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 9px;
padding-right: 0px;
padding-bottom: 9px;
}

.menu_li {
display: block;
background: transparent;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
font-weight: normal;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px
margin-bottom: 0px;
padding-top: 5px
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
/*list-style-type: none;*/
}
/*Klasse für die seitliche Navigation, 1. Ebene*/

.menu_main {
display: block;
/*color: #F2F2F2;*/
background: url(../images/button-35.gif) no-repeat;
text-decoration:none;
font-size: 11px;
font-family: Arial, Verdana, Tahoma;
font-color: #000000;
width:152px;
height: 35px;
/* top bestimmt den Abstand zwischen den Hauptmenupunkten, Gibt es einen Wert, ist er in den Browsern unterschiedlich*/
padding-top: 0px;
padding-left:5px;
margin: 0px;

}
.menu_mainhover {
display: block;
/*color: #F2F2F2;*/
background: url(../images/button-hoover-35.gif) no-repeat;
text-decoration:none;
font-size: 11px;
font-family: Arial, Verdana, Tahoma;
font-color: #969696;
width:152px;
height: 35px;
padding-top: 0px;
padding-left:5px;
}
/*Klasse für die seitliche Navigation, 1. Ebene, Aktiv*/

.menu_mainact {
display: block;
/*color: #F2F2F2;*/
background: url(../images/button-hoover-35.gif) no-repeat;
text-decoration:none;
font-size: 11px;
font-family: Arial, Verdana, Tahoma;
font-color: #000000;
width:152px;
height: 35px;
padding-top: 0px;
padding-left:5px;
}

/*Klasse für die seitliche Navigation, 1. Unter-Ebene*/

.menu_sub {

text-decoration:none;
font-size: 11px;
font-family: Arial, Verdana, Tahoma;
font-color: #00B9F3;
width:152px;
/*height: 35px;*/
//padding-top: 9px;
padding-left: 5px;

}

/*Klasse für die seitliche Navigation, 1. Unter-Ebene, Aktiv*/

.menu_subact {
list-style-position: outside;

text-decoration:none;
font-size: 11px;
font-family: Arial, Verdana, Tahoma;
font-color: #BED262;
width:152px;
/*height: 35px;*/
//padding-top: 9px;
padding-left: 5px;

}
[/HTML]