nicht angemeldet
Zeilen rücken nicht einheitlich ein
Gunnar BittersmannLiebe Helfer,
unten findet ihr meinen html und css code.
wie ihr seht, wollen nicht alle Zeilen von 1 bis 5 einrücken sondern nur die erste Zeile macht das und die restlichen nicht.
Könntet ihr mir helfen und sagen woran das liegt?
Danke schön!
<!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>
<title>Startseite</title>
<link rel="stylesheet" media="screen, projection" href="style.css" type="text/css" />
</head>
<body>
<div id="container" >
<div id="content">
<div class="boxUntenOffen" style="text-align: left;"> Titel
<span class="boxUntenOffenh1">
<br />
<span class="WeitereInfoText">
• 1.zeile<br />
• 2.zeile<br />
• 3.zeie<br />
• 4.zeile<br />
• 5.zeile<br />
</span>
</div>
</div>
</div>
</body>
</html>
hier die css datei:
* {
margin: 0;
padding:0;
}
body {
font: 76% Verdana,Tahoma,Arial,sans-serif;
line-height: 1.4em;
text-align: center;
background-color: #ffffff;
margin-bottom: 15px;
}
#container{
width: 827px;
margin: 0em auto;
text-align:left;
background:#ffffff;
color: #000000;
border-top: 3px solid #eea920;
}
#content{
float: left;
width: 600px;
font-family: 'Lucida Sans Unicode', Tahoma, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 30px;
}
.boxUntenOffen {
background-image: url(./images/akbox-hg.gif);
background-repeat: repeat-x ;
padding-top: 5px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 15px;
background-color: #FFFFFF;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
border-bottom: 0px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
font-family: 'Lucida Sans Unicode', Tahoma, Helvetica, Verdana, sans-serif;
font-size: 14px;
line-height: 13px;
color: #eea920;
font-weight: 500;
letter-spacing: -0.03em;
margin-top: 9px;
text-decoration: none;
}
.boxUntenOffenh1{
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
line-height: 13px;
color: #525151;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
/*padding-left: 25px;*/
}
.WeitereInfoText {
font-family: Verdana, Arial, 'Lucida Sans Unicode', Tahoma, sans-serif;
font-weight: normal;
font-size: 11px;
color: #525151;
line-height: 16px;
letter-spacing: 0px;
padding-top: 5px;
padding-left: 10px;
text-decoration: none;
}
-
@@mbxcw:
nuqneH
<body>
<div id="container" >
<div id="content">Wozu die 'div'-Suppe? Mit 'html' und 'body' stehen bereits zwei Elemete zum Stylen zur Verfügung. [ZITAT1287]
<div class="boxUntenOffen" style="text-align: left;"> Titel
Ich möchte eine http://de.selfhtml.org/html/text/ueberschriften.htm@title=Überschrift sein?
<span class="boxUntenOffenh1">
<br />
<span class="WeitereInfoText">
• 1.zeile<br />
• 2.zeile<br />
• 3.zeie<br />
• 4.zeile<br />
• 5.zeile<br />Ich möchte eine http://de.selfhtml.org/html/text/listen.htm@title=Liste sein!!
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck) -
Hi,
unten findet ihr meinen html und css code.
Bitte beschränke dich bei künftigen Problembeschreibungen auf das für's Problem wesentliche.
wie ihr seht, wollen nicht alle Zeilen von 1 bis 5 einrücken sondern nur die erste Zeile macht das und die restlichen nicht.
Könntet ihr mir helfen und sagen woran das liegt?Daran, dass padding für inline dargestellte Element nun mal genau so umgesetzt wird - seitliches padding wirkt bei über mehrere Zeilen dargestelltem Inhalt am linken Rand der ersten, und am rechten Rand der letzten Zeile
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.