CSS anpassen, ändern ...

  • Hallo,

    ich habe mit meiner Navi ein Problem und hoffe dass ihr mir helfen könnt.

    Also, der Code müsste (automatisch) durch die CSS erkennen das ein Untermenü da ist und das irgendwie anzeigen.

    Also Beispiel: Auf meiner Testseite ist ein Link "Leistungen" unterhalb befinden sich Links.
    Ich habe im HTML ein Bild welches anzeigen soll das Unterseite da sind.

    HTML
    <li><a href="#"><img src="img/li.png" alt="" class="li-klein" /> Leistungen</a>



    Das geht so weit. Ich muss nur, wenn ich weitere Unterseiten an anderer Stelle erstellen möchte das Bild jedes Mal mit der Hand in den HTML Code einfügen.

    Das möchte ich so ändern, das eine CSS Einstellung besteht, die ein Bild oder was auch immer, automatisch einfügt, sobald der Code erkannt wird.

    Also:



    Das ist der HTML Code wie er jetzt ist.

    Hier noch der CSS Code



    Liebe Grüße
    Andre

  • Ich sehe hier 3 Alternativen zu deinem Weg:

    a) Du vergibst dem <li> in dem es ein <ul> gibt eine zusätzliche Klasse und erzeugst so per CSS ein Hintergrundbild an der von dir gewünschten Position. Nachteil: auch hierfür musst Du den HTML-Code jedes Mal anpassen, aber weniger als bei deiner Variante.
    b) Du hängst das gewünschte Bild an das <ul> innerhalb eines <li> und positionierst es an die von dir gewünschte Stelle. So würde immer dann wenn eine <ul> innerhalb des Menüpunkts eingefügt wird automatisch das Bild auch eingefügt werden. Ob das bei dir möglich und sinnvoll ist hängt von deinem Design ab.
    c) Du machst deine oder Variante a) mittels PHP, d.h. Du setzt die zusätzliche Eigenschaft wenn Du per PHP das Menü zusammenstellst. Das ist imho der modernste und sicherste Weg.