Bild vor den Links einfügen?

trip

Hallo,

schraube gerade an einem neuen theme herum. habe als basis das default wp1.5 kubrick theme genommen.

ich möchte vor den links in der navigation ein kleines bild einfügen. wenn ich folgendes in die style.css eintrage, dann ist das bild nur mit firefox u.a zu sehen - aber nicht im ie.:

Code

.entry ul li:before, #sidebar ul ul li:before {
  content: url(images/leaf_menu_small.gif);
   }

gibt es dafür eine multi-lösung die in beiden browsern das bild anzeigt? - oder geht das ganze nur wenn ich das bild via html einbinde?

gruß und danke...

Werbepost

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

poodle

Der IE :evil: kann die meisten sog. Pseudoklassen nicht (:after, :before, :focus etc.). Das kommt daher, dass der Explorer :evil: ein trauriges Depperl ist. Eine Lösung gibt es aber trotzdem.

Angenommen, Deine Liste hat als Attribut class=beispiel, dann schreibst Du im CSS umgefähr so etwas:

Code

.beispiel li {
list-style-type: none;
background: url(bildchenpfad) no-repeat 0 0.3 em;
padding: 0 0 0 20px;
}

Die erste Angabe sorgt dafür, dass kein (Standard-)Aufzählungsbullet kommt, die zweite drückt Dein Bild als Aufzählungspunkt rein ( 0.3 em ist der Abstand von oben, also entspr. anpassen) und die dritte rückt den Listenpunkt links ein, damit das Bildchen schön Luft hat, also Wert auch anpassen. Hoffe das hilft.

trip

Hi,

vielen dank für deine antwort :D ... habe gestern auf peruns seite die gleiche idee gesehen. er hat auch ein kleines bild vor den links. hab mir die css einträge dort abgeguckt. es hat dann eben auch alles funktioniert und mit deinen angaben konnte ich es positionieren. da mein bild aber 40x40px groß ist, sah es irgendiwe alles zu überladen und doof aus. wollte das bildchen nicht kleiner machen weil dann davon nichts mehr zu erkennen ist.

das bild habe ich jetzt rechts neben den überschriften in der navigation eingefügt. verwende auch den eintrag "background: url...." und es klappt. das ging vorher nicht weil ich den eintrag "before" nicht gelöscht hatte :idea:

nochmals danke, gruß

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild vor den Links einfügen?

Jetzt mitmachen!