Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 24.05.2011, 16:02
plegox plegox ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.04.2010
Beiträge: 8
plegox befindet sich auf einem aufstrebenden Ast
Standard DIVS nebeneinander -> border-bottom läuft in anderes DIV, Text aber nicht.

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>
Angehängte Grafiken
Dateityp: jpg div.JPG (17,6 KB, 7x aufgerufen)
Mit Zitat antworten
Sponsored Links