zwischenraum zwischen menülinks funzt nicht

MITSTREITER · #1 13.04.08, 18:06

hallo allerseits, also ich hab ein problem mit den menülinks undzwar kann ich den zwischenraum nicht bestimmen. ich hab eine klasse für die links gemacht.

Code:

/*css fuer menu*/
.menu:link {
    color: #0099CC;
    text-decoration: none;
}
.menu:visited {
    color: #0099CC;
    text-decoration: none;
}
.menu:hover {
    color: #004D66;
    text-decoration: underline;
}
.menu:active {
    color: #0099CC;
    text-decoration: none;
}

so und im typoscript, also im setup steht das:

Code:

## Menu [Begin]
lib.mainMenu = HMENU
lib.mainMenu.entryLevel = 0

lib.mainMenu.1 = TMENU
lib.mainMenu.1.NO {
    allWrap = |
    ATagParams = class="menu"
}
## Menu [End]


## Menu [Begin]
lib.subMenu = HMENU
lib.subMenu.entryLevel = 1

lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
    allWrap = |
    ATagParams = class="menu"
}
## Menu [End]


config.spamProtectEmailAddresses = 1

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page


config {
 language = de
 locale_all = de_DE
 spamProtectEmailAdresses = 1
 spamProtectEmailAdresses_atSubst =(at)
 doctype = xhtml_trans
 xhtmlDoctype = xhtml_trans
 xmlprologue = none
 metaCharset = iso-8859-1
 additionalHeaders = Content-Type:text/html;charset=iso-8859-1
 htmlTag_langKey = de-DE
 doctypeSwitch = 1
}

die seite hab ich mit templavoila gemappt. wenn ich jetzt hinter dem
" allWrap = | " ein " " schreibe, also das es so aussieht:

Code:

    allWrap = |&nbsp;

dann verschiebt sich das ganze um eine zeile.

beim submenü passiert das gleiche.

wenn ich das statisch also nur in der index.html angucke dann passts.
hier mal der teil, der navi in der html:

Code:

<div id="navi">
<a href="#" class="menu">Link1 &nbsp;</a>
<a href="#" class="menu">Link2 &nbsp;</a>
<a href="#" class="menu">Link3 &nbsp;</a>
<a href="#" class="menu">Link4 &nbsp;</a>
</div>
<div id="subnavi">
<a href="#" class="menu">Link1&nbsp;</a>
<a href="#" class="menu">Link2&nbsp;</a>
<a href="#" class="menu">Link3&nbsp;</a>
<a href="#" class="menu">Link4&nbsp;</a>
</div>

die   sind jetzt nur da um die links zu trennen.

könnt ihr mir da helfen wie ich das lösen kann?

danke für lösungsvorschläge!

mfg