Problem mit dem Textabstand

Marie_Huana

Guten Abend.

Bei meinem Problem handelt es sich um Folgendes: Auf der Startseite von Ministranten MÃ¶mbris sind die Posts in Boxen eingefasst. Leider kleben aber die Inhalte am linken Rand direkt an der Linie. Bei den Bildern ist das auch durchaus gewollt, nicht so aber bei den Texten.

Jetzt ist es aber so, dass das Bild von den p-Tags umschlossen wird
(<p><img src...>Text Bla</p>)
und das sorgt dafür, dass sobald ich irgendwas mit Abständen einstelle sowohl Text (gewollt) als auch Bild (ungewollt) von den Begrenzungslinien wegrutschen.

Mir fällt beim besten Willen keine Lösung dazu ein. Sollte mir da jemand weiterhelfen können, wäre ich sehr zu Dank verbunden.

Herzliche Grüße
Fabi

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

Monika

Schwindeln fällt mir ein ;)

HTML

p {


	


margin: 0px 3px;


padding: 0px;


}










p img {


	


margin: 0px -3px;


padding: 0px;


}

Alles anzeigen

;) könnte funktionieren -hoff ich

lg

spickzettel

Ich hatte die gleiche Idee... Also, im Firefox klappt's :-)

Marie_Huana

Klasse, im FF klappts einwandfrei, im IE verschiebt sich etwas, aber das müsste man in den Griff kriegen können.

Ich danke recht herzlich, prima!! :)

Monika

freut mich, dass für den IE kannst Du direkt in den header tippen

vor </head>

Beispiel -ungetestet und ins Blitzblaue

Code

<!--[if  IE ]>
<style type="text/css">
p {


    


margin: 0px 3px;


padding: 0px;


}










p img {


    


margin: 0px -3px 0 0;


padding: 0px;


}
</style>
<![endif]-->

Alles anzeigen

lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit dem Textabstand

Jetzt mitmachen!