Abstand Bild und Text

veron

Hallo,

mein Theme ist : Dynamic-Vision Theme

Ich habe ein Bild links gepostet. Möchte einen kleinen Abstand zwischen Text und Bild haben.

HTML

http://www.naturmedi-aufkurs.com/2011/04/08/buchtipp-viva-veggie-von-katja-luhrs/

Was ist an meiner Programierung verkehrt?? Dabei scheint es egal ob ich "margin-right" oder "margin-left" schreibe. Daran scheint es nicht zu liegen.

HTML

<a href="http://www.naturmedi-aufkurs.com/wp-content/uploads/2011/04/KatjaLührs.jpg"><img src="http://www.naturmedi-aufkurs.com/wp-content/uploads/2011/04/KatjaLührs.jpg" style="float:left;" margin-right: 10px; margin-bottom: 10px; alt="" title="KatjaLührs" width="132" height="165" class="alignleft size-full wp-image-449" /></a>

Gruss Veron

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

maxe

naja beim style hast du die "" falsch gesetzt.

Code

<a href="http://www.naturmedi-aufkurs.com/wp-content/uploads/2011/04/KatjaLührs.jpg"><img src="http://www.naturmedi-aufkurs.com/wp-content/uploads/2011/04/KatjaLührs.jpg" [COLOR=Red]style="[/COLOR]float:left; margin-right: 10px; margin-bottom: 10px;[COLOR=Red]"[/COLOR] alt="" title="KatjaLührs" width="132" height="165" [COLOR=Teal]class="alignleft[/COLOR] size-full wp-image-449" /></a>

Aber du gehts sowieso den falschen Weg. Lass das style ganz weg und formatiere stattdessen die class .alignleft über die style.css richtig:

Code

[COLOR=Teal].alignleft[/COLOR] {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

veron

Hallo, das ist der bessere Weg danke für die schnelle Hilfe

derElch

Hallo

Bei Bildern gibt es auch die Option hspace und vspace. Ob dies aber veraltet/überholt ist weiss ich nicht.

Gibts auch soviel ich weiss nicht als CSS Deklaration sondern nur als HTML Attribut.

veron

Lass das style ganz weg und formatiere stattdessen die class .alignleft über die style.css richtig:

Code

[COLOR=Teal].alignleft[/COLOR] {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

[/QUOTE]

Hallo,
ich hab diesen Link eingebaut und am Bild funtktionierte es perfekt. Nur die Überschriften verzogen sich jetzt. Nicht auf der ersten Seite sondern nur wenn man den Artikel direkt anwählt. Wo kann der Fehler stecken??

Gruss Veron

maxe

Vielleicht besitzen dei Überschriften auch die class alignleft?

Ändere daher mal in der css das .alignleft in img.alignleft

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Abstand Bild und Text

Jetzt mitmachen!