Probleme beim Anhängen an Menü mit .append

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Probleme beim Anhängen an Menü mit .append

    Hallo,
    ich versuche mit folgendem Code ein Bild an das Menü anzuhängen, welches ein Link zu einer bestimmten Seite enthalten soll. Dabei passieren Dinge die ich nicht nachvollziehen kann.

    <script>
    $(document).ready(function() {
    $('<a href="http://www.klute-webdesign.de" target="blank"><img src="http://work.klute-webdesign.de/bild.png" style="margin-left:500px;margin-top:2px; "/></a> ').appendTo('#imMnMn');
    });
    </script>

    a) baue ich die .append-Funktion ohne href-Befehl ein, ist alles so wie es sein soll. (bild 1)
    b) solbald ich den href-Befehl einbaue, verschiebt sich das Bild eine Zeile tiefer (bild2)

    Warum ist das so??? Ich habe schon per margin und padding versucht aber ich kriegs nicht, kann mir jemand helfen?
    Bilder
    • appnd_ohne_href.jpg

      99,07 kB, 1.070×560, 67 mal angesehen
    • append_mit_href.jpg

      107,77 kB, 1.159×603, 66 mal angesehen
    LG
    Labelle

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Labelle ()

  • Guten Morgen,

    ich hatte mich zu früh gefreut, das Problem ist noch nicht gelöst.

    <script>
    $(document).ready(function() {

    $('<a href="http://www.klute-webdesign.de" target="blank"><img src="http://work.klute-webdesign.de/Arbeitsverzeichnis/Bild.png" style="margin-left:880px;margin-top:455px; "/></a> ').appendTo('#imHeader');
    });
    </script>

    Jetzt wird es richtig positioniert, liegt jedoch leider hinter dem Menü (unter 1 Tempstruktur transparent eingestellt). Ändere ich den Z-index des Menüs funktioniert zwar der link in meinem append, aber das Menü nicht mehr. Kann ich auch in dem Befehl oben einen z-index einbauen??? Oder hat jemand eine andere Lösung.

    Ich habe imHeader verwendet, weil ich es mit imMnMn nicht richtig positioniert bekomme. Siehe auch linkes Bild weiter oben.
    LG
    Labelle
  • Das habe ich ausprobiert. Hat auch funktioniert. Dieses Element sollte aber am rechten Rand ausgerichtet sein. Das hat nicht funktioniert. Beim Arbeiten mit Randeinstellungen ist es immer eine Zeile tiefer gerutscht.
    LG
    Labelle

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Labelle ()