Icons hinter den Überschriften in der Sidebar

moonchild

Hallöchen,

ich hätte gern, dass vor den Überschriften (eingebunden in h2-tags) ein kleines Icon plaziert wird. http://www.mytraxx.de/blog <--- gemeint sind die Überschriften wie "Informationen, Gesabbel" usw.

Könnte mir da jemand behilflich sein?

Vielen Dank und lG.

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

moonchild

Hat keiner einen Plan? Ich hab nämlich auch keinen ;)

Monika

ul li h2{background:url(images/...... );
background-repeat:no-repeat;
background-position:0 0;
padding-left: breitedesbildchens+2px;
padding-top:höhedesbildchens+2px;}

könnte hinkommen;

lg

moonchild

Danke Monika,

aber so ganz passt das noch nicht :) Das Bild und die Schrift überschneiden sich... und ich hab leider nicht den nötigen Durchblick in CSS :(

Monika

moonchild

ich kann nur spekulieren, wenn ich es nicht in Natura sehe,

lg

MaD

Zitat von Monika

moonchild

ich kann nur spekulieren, wenn ich es nicht in Natura sehe,

lg

wir sollten echt mal für eine neue Glaskugel sammeln :rolleyes:

moonchild

öhm, die URL steht oben bzw. in meiner Sig... und der Pfad zur .css, falls benötigt, steht doch im Quelltext...
Somit wird die Glaskugel überflüssig :)

Monika

jo
und wo sind die Bildchen , die zu groß sind?
wo kann ich sehen wo sie wie zu groß sind?

suchende Grüße

moonchild

rechts in der sidebar... Hinter z.B. "Informationen" und "Gesabbel" ist das Icon versteckt :)
zumindest im firefox :) der IE greift auf ein aneres Stylesheet zu, dass ich bisher noch nicht editiert habe ... Sorry, hab vergessen, dass zu erwähnen :)

Blogwiese

Hallo,

versuche mal bei der Zeile:

padding-left: breitedesbildchens+2px;

die Zahl hinten zu erhöhen. Bei mir klappte das so.

moonchild

Zitat

versuche mal bei der Zeile:
padding-left: breitedesbildchens+2px;
die Zahl hinten zu erhöhen. Bei mir klappte das so.

Negative on that... is alles beim alten...

spickzettel

Du hast an anderer Stelle in der style.css schon ein

Code

#sidebar h2 {


    margin: 5px 0 0;


    padding: 0;

Dieses padding: 0; geht vor, da kannst du unter

Code

ul li h2{background:url('images/application.png') no-repeat 0 0;
padding-left:16+2px; 
padding-top:16+2px; 
background-repeat:no-repeat}

padden, soviel du willst :D Warum nimmst du unten nicht auch #sidebar h2 ?
Außerdem kann CSS meines Wissens nicht rechnen, du musst schon selbst 16 und 2 zusammenzählen ;)

moonchild

aah :) Wie eingangs erwähnt habe ich wirklich nicht die geringste Ahnung von CSS; Rechenkünste hätte ich CSS durchaus zugetraut :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Icons hinter den Überschriften in der Sidebar

Jetzt mitmachen!