Hi,
ich brauch mal wieder eure Hilfe
Ich bin gerade dabei eine Seite ohne Tabellen und xhtml konform zu machen.
Wie auch immer...
Hier ist mein Problem:
Alle Objekte sollten hier von oben den gleichen Abstand haben. Aus irgendeinem Grund schaff ich das aber leider nicht.
Kann mit hier bitte jemand helfen? Bin schon ganz verzweifelt
PS: Falls Die Testseite die ich oben verlinkt habe aus irgendeienm Grund offline sein sollte, hier nochmal alles in Code-Tags:
HTML Code:
HTML
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<link rel="stylesheet" type="text/css" href="design.css" title="Default CSS" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>1</title>
</head>
<body>
<a href="#" class="noteblockleft"> </a>
<div class="noteblock1">
<p class="nb_brand">Lorem ipsum</p>
<p class="nb_image"><img src="" alt="Lorem ipsum" /></p>
<p class="nb_info">Lorem ipsum</p>
<p class="nb_price">Lorem ipsum</p>
<input type="checkbox" name="" class="nb_checkbox" /> Lorem
</div>
<a href="#" class="noteblock0"> </a>
<a href="#" class="noteblock0"> </a>
<a href="#" class="noteblock0"> </a>
<a href="#" class="noteblock0"> </a>
<a href="#" class="noteblockright"> </a>
</body>
</html>
Alles anzeigen
CSS Code:
Code
body {
font-family:tahoma, arial, helvetica, sans-serif;
font-size:10pt;
color:#505050;
}
a {
text-decoration:none;
}
p, div {
margin:0;
}
.noteblockleft, .noteblockright, .noteblock0, .noteblock1 {
margin:4pt 2pt 4pt 0;
background-repeat:no-repeat;
height:197px;
display:inline-block;
text-align:left;
}
.noteblockleft {
width:47px;
background-image:url(l.png);
}
.noteblockright {
background-image:url(r.png);
width:47px;
}
.noteblock0 {
background-image:url(bg0.png);
width:135px;
}
.noteblock1 {
background-image:url(bg1.png);
width:135px;
}
.nb_brand {
margin:4px 0 0 4px;
padding:0 0 0 4px;
border:1px solid #cfcfcf;
background-color:#ffffff;
width:120px;
line-height:25px;
}
.nb_image img {
margin:3px 0 3px 4px;
border:1px solid #cfcfcf;
background-color:#ffffff;
width:124px;
height:75px;
}
.nb_info {
background-image:url(icon.png);
background-position:4px 5px;
background-repeat:no-repeat;
margin:0 0 0 4px;
padding:0 0 0 22px;
border:1px solid #cfcfcf;
background-color:#ffffff;
width:102px;
line-height:25px;
}
.nb_price {
background-image:url(icon.png);
background-position:4px 5px;
background-repeat:no-repeat;
margin:3px 0 3px 4px;
padding:0 0 0 22px;
border:1px solid #cfcfcf;
background-color:#ffffff;
width:102px;
line-height:25px;
}
.nb_checkbox {
margin:0 0 0 4px;
border:1px solid #cfcfcf;
background-color:#ffffff;
width:16px;
height:16px;
}
Alles anzeigen