Hallo,
ich habe ein Problem:
Ich möchte ein 2-spaltiges DIV Element basteln. Im linken DIV ein Foto darstellen und im rechten DIV eine Überschrift + Text. Für jedes Element habe ich nun ein eigenes DIV vorgesehen (Container, Foto, Überschrift, weiterer Text).
Das klappt soweit auch ganz gut (siehe angehängtes Foto), bis auf eine Sache:
Unter der Überschrift möchte ich eine Linie anzeigen lassen (mit border-bottom). Aber die Linie läuft immer in das linke DIV des Fotos hinein - die Linie soll aber direkt unter dem ersten Buchstaben der Überschrift beginnen. Was mache ich falsch?
DANKE,
viele Grüße
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Stefan" />
<title>Untitled 2</title>
</head>
<body>
<div style="font-size:16px;font-weight:bold;width:390px;float:left;overflow:hidden;">
<div style="width:110px;float:left;margin-right:10px;"><a href=''><img class="" src="http://www.dvse-kongress.de/dvse2010/bilder/iphone_dvse_transparent.jpg" alt = ""/></a></div>
<div style="width:280px;border-bottom: 1px solid #9e00a6; ">Hallo </div>
<div style="">Willkommen auf meiner Seite!</div>
</div>
<div style="clear:both;"></div>
</body>
</html>