guma: Liste (UL) bei Pfeil Einrücken - nach Zeilenumbruch

SELF-Forum

Liste (UL) bei Pfeil Einrücken - nach Zeilenumbruch

guma
– Informationen zu den Bewertungsregeln

Hallo ich gestalte gerade mein Navigations-Menü. Leider habe ich bei langen Namen das problem, dass im Menü der Titel umbricht und dann wieder ganz vorne in der tabelle anfängt, satt etwas eingerückt unter dem jeweiligen Pfeil.

code:
*******************************************
<DIV id=menu>
<DL id=ga>
<DT>Produkte:<BR>
<DD><A href="t.php"><IMG src="pfeil.gif">Outdoortraining</A>
<UL id=submenu><A href="details.php"><IMG src="sub.gif">Von Alpha-Tieren und Adleraugen</A></UL>
...
</DD></DL></DIV>

*******************************************
So siehts ergebnis aus:

Outdoortraining
   » Von Alpha-Tieren
   und Adleraugen

*******************************************
so solls aussehen: !!!

Outdoortraining
   » Von Alpha-Tieren
     und Adleraugen

*******************************************
kann ich das mit css umsetzen? wie genau?
guma

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Liste (UL) bei Pfeil Einrücken - nach Zeilenumbruch

    Elya Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo guma,

    *******************************************
    So siehts ergebnis aus:

    Outdoortraining
       » Von Alpha-Tieren
       und Adleraugen

    *******************************************
    so solls aussehen: !!!

    Outdoortraining
       » Von Alpha-Tieren
         und Adleraugen

    *******************************************
    kann ich das mit css umsetzen? wie genau?

    Du könntest z.B. Deiner <dd> den Pfeil als Hintergrundbild mitgeben und dem Element ein padding-left mit der Breite des Bildes geben.

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Liste (UL) bei Pfeil Einrücken - nach Zeilenumbruch

      guma
      – Informationen zu den Bewertungsregeln

      danke, ich werde es mit dem hintergrundbild umsetzen und die anderen anmerkungen mir genauer anschauen..

      guma

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Liste (UL) bei Pfeil Einrücken - nach Zeilenumbruch

    Jonathan
    – Informationen zu den Bewertungsregeln

    guck mal im selfhtml unter css/listenformatierung. Da ist eigentlich alles erklärt.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Liste (UL) bei Pfeil Einrücken - nach Zeilenumbruch

    Martin Hölter Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi!

    code:
    *******************************************
    <DIV id=menu>
    <DL id=ga>
    <DT>Produkte:<BR>

    <dd> darf nicht in <dt> stehen

    <DD><A href="t.php"><IMG src="pfeil.gif">Outdoortraining</A>
    <UL id=submenu><A href="details.php"><IMG src="sub.gif">Von Alpha-Tieren und Adleraugen</A></UL>

    ein <ul> darf als Kinder nur <li>s haben

    Ansonsten gilt das von meinen Vorrednern gesagte (margin-/padding-left + Hintergrundbild).

    Gruß aus Iserlohn

    Martin

    --
    Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)
    Geht zum Weltspartag!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln