Probleme mit Icons vor Menüpunkten in der Sidebar

  • Geehrte Wordpress User,
    ich habe Probleme mit den Icons vor Menüpunkten in der sidebar.
    Ich benutze die neueste Wordpress Installation, mit dem PlugIn Fold Page
    List. Nun habe ich das Design soweit angepasst wie es erwünscht
    war und dabei bin ich über das Problem gestolpert, dass der
    Internet Explorer die before Befehle

    Code
    .entry ul li:before, 
    #sidebar ul ul li:before {  content: "\00BB \0020";
        }

    nicht darstellen kann. Das heisst das das geöffnet
    Anführungszeichen vor dem Menüpunkt im IE nicht gezeigt wird.
    "Gut" dachte ich dann setze ich einfach anstelle dessen kleine .gif icons ein.
    Das funktioniert auch soweit, nur gibt es ein Problem mit dem Plugin Fold Page
    List: nämlich dass mir bei Sub Kategorien das .gif Icon von der
    Überkategorie mit runter rutscht. Unter dem Link http://www.artemiade.de
    kann das Problem bei anwählen der Kategorie Künstler betrachtet werden.

    Gibt es eine Möglichkeit, dass das Bild auf der Höhe mit dem jeweiligen
    Menüpunkt stehen bleibt?

    oder vielleicht auch eine Möglichkeit statt dessen etwas im CSS zu ändern,
    damit ich die Bilder gar nicht erst nutzen muss? (einen Hack der für den IE
    geladen wird) Denn mit den standard Kubrick Theme anführungszeichen vor
    den Menüpunkten gibt es das Problem nicht (ausser das sie halt im IE nicht
    angezeigt werden)

    Vielen Dank

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Eventuell mal mit

    Code
    background-position: left top;


    das Hintergrundbild positionieren. Oder halt direkt in Pixel von der linken oberen Ecke aus gesehen.

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

  • Hmm das will nicht klappen. Da tut sich gar nichts.
    Da muß irgendwo der Wurm drin sein. Wenn ich das
    PlugIn Link-Indication benutze funktioniert es. Jedoch
    nur wenn ich es auf den gesamten Blog anwende, und dann
    sind alle Links inklusive des Impressum und der Wordpress
    Referenz in der Footer.php mit Icon versehen.

    Es muss doch eine Möglichkeit geben mit der man
    dem Icon den Platz zuweisen kann. Würde es Sinn
    machen wenn ich die relevanten Stellen aus dem CSS hier
    poste?

  • Also ich habe die Stelle mal rausgesucht:

    Code
    /* Eintrag ist für die Abstände der einzelnen Zeilen untereinander in der Sidebar PHP verantwortlich*/
    #sidebar ul ul li, #sidebar ul ol li {
    background: url(images/icons/link-icon_internal.gif) no-repeat left [B]3px[/B];
        margin: 3px 0 0;
        }

    Ok, "top" sieht nicht so gut aus, weil dann die Icons nach oben verschoben sind, aber mit "3px" sollte es passen (margin ist oben ja auch 3px).

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

  • Problem gelöst

    Hallo und danke für die Antworten. Ich habe ein bischen bei google geschaut
    und unter dem Link http://css.maxdesign.com.au/listamatic/vertical05.htm
    die Antwort auf mein Problem gefunden. Mit dem dort aufgeführten CSS habe
    ich meine ganzen #Sidebar einträge ersetzt und dann nach und nach wieder
    die alten einträge hinzugefügt. Jedoch habe ich nicht rausgefunden welcher
    Eintrag nun genau für dieses Problem verantwortlich war.
    Bestimmt war es die von Putzlowitsch angeregte
    background-position:

    Hier nun der neue Code

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!