Navigation mit Listen (Text und Bild Gruppieren????)

[jessy]

hi,

habe mir ein Aufklappmenü mit html-listen und javaScript erstellt!
wobei die menüpunkte alle untereinander stehen und die untermenüpunkte unter dem jeweiligen geklickten menüpunkt erscheinen.
Es ist an sich auch kein Problem das die Menüpunkte die unter dem geklickten Menüpunkt stehn sich mit nach unterverschieben...

ABER:

da die button-texte veränderbar sein müssen, ist der button an sich einfach eine grafik mit einem Text in einer eben darüber gelegt.
Somit besteht ein button in der Liste aus 2 Objekten.
deshalb verschieben sich die Menüpunkte die unter dem geklickten menüpunkt sind auch zu weit nach unten (genau 2 mal soviel)

gibt es eine möglichkeit garif und text zu gruppieren???
Damit jeder button nur noch 1 Objekt in der Liste darstellt???

Die 2. möglichkeit für die Texte eine eigene Liste zu erstellen (quasi nochmal genau die selbe wie für die grafiken)
Dazu müsste ich aber bestimmten können wann eine eben sichtbar sein darf (damit die untermenütexte auch nur erscheinen wenn die untermenübuttons ausgefahren sind) ist das möglich ???

Tausend-Danke für jeden Tipp

Jessy

[Ingo Turski]

Hi,

warum so umständlich?
Definiere die Grafik doch einfach als Hintergrundbild.

freundliche Grüße
Ingo

[jessy]

Hi,

das is an sich ne gute idee
hab das jetzt so probiert:

<a href="test.html" onclick="javascript:switchlayer('test');return false;">
<div style="background-image:url(D:\buttons\button_grün.gif"); background-repeat:no-repeat;"> Test
</div>
</a>

Somit hät ich nen link..als ein Objekt in der Liste und der text ist änderbar...PERFEKT

ABER...ich brauch nen rollover effekt für die buttons
den rollover effekt hab ich vorher immer im <img> tag definiert...
den hab ich jetzt ja nicht mehr
Wie krieg ich den rollover da wieder rein ?

sah vorher so aus:
<img src="D:\button_grün_pfeil.gif" id="roll"
     onmouseover="rollover('roll')"
     onmouseout="rollout('roll')">

hm..rollover einfach in die div rein klappt nicht

[wahsaga]

hi,

<a href="test.html" onclick="javascript:switchlayer('test');return false;">
<div style="background-image:url(D:\buttons\button_grün.gif"); background-repeat:no-repeat;"> Test
</div>
</a>

div ist ein block level element, darf also nicht in <a> verschachtelt werden.

aber wozu überhaupt ein zusätzliches element, verpasse doch dem <a> ein hintergrundbild.

btw: das label "javascript:" hat in einem eventhandler nichts zu suchen - was hier im forum auch schon tausende male erwähnt wurde *seufz*

ABER...ich brauch nen rollover effekt für die buttons
den rollover effekt hab ich vorher immer im <img> tag definiert...
den hab ich jetzt ja nicht mehr
Wie krieg ich den rollover da wieder rein ?

mit CSS.
benutze das pseudoformat :hover, und definiere bei diesem ein andere hintergrundbild für den link.

gruss,
wahsaga