LinkBack URL
About LinkBacks
ZitierenVerzichte auf das div und weiße die CSS-Eigenschaften dem Bild zu.
Hallo Zusammen!
Ein paar Layoutprobleme habe ich... Der Text umfließt nicht richtig das Bild. Möchte, dass auch die erste Zeile neben den Text steht (siehe Anhang).
Und dann noch.. wie kann ich einen Abstand von Text und Bild festlegen?
HTML
CSSCode:<div class="article_img"><img src="img/article/CIMG2005.jpg" alt="xxx"></div><p> TEXT TEXT TEXT</p>
Code:.article_img{ border:2px solid #5a0a13; height:120px; with:224px; float:left; }
Vielen Dank
Jan
Verzichte auf das div und weiße die CSS-Eigenschaften dem Bild zu.
Habe ich probiert... mit diesem Ergebnis :/
Hallo Bea,
ergänze für das Bild im css noch einen Abstand, z.B. margin: 10px 10px 10px 0;
Zusätzlich könntest du noch mit padding:5px; einen Abstand zwischen dem Rahmen mit der Farbe #5a0a13 und dem Bild schaffen. Schafft mehr Luft und sieht schicker aus.
Gruß HMV
hallo, zb so:HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- p { } img.article { border:2px solid #5a0a13; height:120px; with:224px; margin:0 10px 10px 0; float:left; } --> </style> </head> <body> <img src="img/article/CIMG2005.jpg" alt="xxx" class="article"> <p>TEXT TEXT TEXT</p> </body> </html>
computer tun nur das was man ihnen sagt, meistens
Ich hab es jetzt so gemacht, wie beschrieben. Aber mein Problem ist, dass der Text an der Oberkante des Bildes anfangen soll. Jedoch wird das Bild bei mir mitten im Text angezeigt. (wie im Screenshot)
Code:<h3>Kunst und Livemusik bei uns im Barrique!</h3><br /> <img src="img/article/CIMG2069.jpg" style="border:2px solid #5a0a13; margin: 10px 10px 10px 0; height:120px; with:224px; float:left;" alt=""/> <p>Nach dem großen Erfolg des Frühschoppens am 12.Juli sollte der Frühschoppen .... </p>
hallo, warum machst du nach der überschrift einen umbruch?
zeig doch mal den gesamten code bzw link.
computer tun nur das was man ihnen sagt, meistens
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
