Menüepunkte separieren - wie?

Moin,

ich habe ein horizontales Menu gebaut, dessen Unterpunkte jeweils ein zugehörgies vertikales Menu öffnet. In dem horizontalen Menü habe ich jedoch das Problem, das die Menüpunkte ohne Trennung zusammen kleben.

Aufgebaut ist das Menü mit einer Tabelle. ich habe bereits versucht, die einzelnen <td> mit einem anschliessenden Image zu trennen. Im FE wird im Quelltext dieses Image auch aufgerufen, aber sehen kann man es nicht (die Pfadangabe stimmt auch).

Zur Verdeutlichung:

# Darstellung der aktuellen Ebene
wrap = <table border="0" cellspacing="0" cellpadding="0">|</table>
# Darstellung im Normalmodus
NO {
allWrap = <td class="hauptMenu"> | </td><img ="fileadmin/images/zusaetzliches/menu_spacer.gif>
ATagParams = class="linkWeiss"
}

# Darstellung wenn Aktiv

ACT = 1
ACT {
allWrap = <td class="hauptMenu"> | </td><img ="fileadmin/images/zusaetzliches/menu_spacer.gif>

Hat jemand eine Idee, wie ich das Problem lösen kann?

Bis denne,
Dieter

Skydiver schrieb

Hat jemand eine Idee, wie ich das Problem lösen kann?

Indem Du den wrap korrekt definierst.

Aktuell hast Du

<td>menu1</td><img><td>menu2</td>

das Bild steht also im Nirwana zwischen zwei Tabellenzellen und wird von den Browsern dann meist vor der gesamten Tabelle angezeigt.
Korrekt wäre:

allWrap =  <td class="hauptMenu"> | </td><td><img ="fileadmin/images/zusaetzliches/menu_spacer.gif></td>

mstuebner schrieb

Aktuell hast Du

<td>menu1</td><img><td>menu2</td>

das Bild steht also im Nirwana zwischen zwei Tabellenzellen und wird von den Browsern dann meist vor der gesamten Tabelle angezeigt.
Korrekt wäre:

allWrap =  <td class="hauptMenu"> | </td><td><img ="fileadmin/images/zusaetzliches/menu_spacer.gif></td>

Argh, natürlich. Besten Dank. Leider funktioniert das mit der Spacer Grafik nicht. Die wird zwar im Quelltext angezeigt, aber leider nicht dargestellt (Pfadangabe stimmt). Nun habe ich einfach anstatt des images &nbsp; eingefügt und alles ist gut.

Besten Dank,
Dieter