zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIVS nebeneinander -> border-bottom läuft in anderes DIV, Text aber nicht.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.05.2011, 15:02
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
  #2 (permalink)  
Alt 24.05.2011, 15:50
Benutzerbild von Chris2011
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.01.2011
Beiträge: 301
Chris2011 befindet sich auf einem aufstrebenden Ast
Standard

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:90px;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:auto;border-bottom: 1px solid #9e00a6; margin-left:120px; ">Hallo </div>
	<div style="margin-left:120px">Willkommen auf meiner Seite!</div>
</div>
<div style="clear:both;"></div>

</body>
</html>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.05.2011, 15:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.04.2010
Beiträge: 8
plegox befindet sich auf einem aufstrebenden Ast
Lächeln Danke

Ich Danke Dir
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hover effekt auf ganze TD zelle gandalf_hh CSS 27 13.07.2011 19:06
Float:right fehler im IE6 gertnaster CSS 9 04.01.2011 21:59
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Parent DIV soll mit der Höhe seines Childs wachsen Tekkla CSS 2 19.11.2009 18:27
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 20:52


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:41 Uhr.