[CSS] Code prob | Gegen Bilderklau

Selly90

Hi, also ich hab mir auf ner anderen Seite einen Code zusammen gebastelt, sieht sehr komisch aus und soooo ganz blicke ich nicht durch

erst mal das Bild ;D was überhaupt so komisch ist XD

nun die codes, sehr schwer zum durchblicken o.ô

Style

Zitat:

body {
margin: 0px;
padding-top: 10px;
font: normal 10pt verdana, tahoma, sans-serif;
color: #000000;
background-color: #EBE9EA;
}

#ram {
background-image:url('http://selly90sd.se.funpic.de/versuch%20Chrisi/bg.jpg
');
margin: 0px auto;
text-align: left;
width: 900px;
}

#name {
background: #fff url('http://selly90sd.se.funpic.de/versuch%20Chrisi/name.png') no-repeat;
height: 150px;
text-align: center;
}

#header {
background: #fff url('http://selly90sd.se.funpic.de/versuch%20Chrisi/header.png') no-repeat;
height: 75px;
}

#navi {
margin-right: 0px;
margin-top: 10px;
width: 160px;
}

.menu {
float: right; 720px;
width: 160px;
margin-left: 720px;
}

*[class="menu"]{
float: left;0px;
width: 20px;
margin-right: 20px;
}

#content {
padding-bottom: 0px;
padding-right: 0px;
padding-left: 25px;
padding-top: 10px;
width: 600px;
float: left;
}

A {
color: #587390;
font-weight: bold;
text-decoration: none;
}

A:visited {
color: #fff;
text-decoration: none;
}

A:hover, A:active {
color:#6683A1;
text-decoration: none;
}

#footer {
padding-right: 5px;
padding-left: 5px;
height: 47px;
line-height: 30px;
text-align: center;
background: #fff url('http://selly90sd.se.funpic.de/versuch%20Chrisi/footer.png') no-repeat;
}

#footer A,#footer A:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#footer A:hover {
border-bottom: 0px none;
color: #708818;
text-decoration: none;
}

/** Menu **/

ul.navi {
list-style: none;
padding: 0;
margin: 0;
}

.navi li A {
height: 16px;
display: block;
padding: 0;
margin: 0 0 0px;
padding: 2px 0 0 20px;
border: solid #3C4F60;
border-width: 0px 1px 1px 0px;

}

.navi li A:link,
.navi li A:visited {
padding-right: 2px;
padding-left: 4px;
color: #3C4F60;
font-weight: bold;
display: block;
text-decoration: none;
border-left: 6px solid #3C4F60;
background-color: #C9D2DE;
}

.navi li A:hover,
.navi li A:active {
padding-right: 2px;
padding-left: 4px;
color: #fff;
display: block;
font-weight: bold;
text-decoration: none;
border-left: 6px solid #3C4F60;
background-color: #A2BADC;
}

h1{
border-bottom: 2px solid #3C4F60;
color: #3C4F60;
text-align: left;
font-family: Tahoma;
font-weight: bold;
letter-spacing: 2px;
padding: 0 0 0 5px;
font-size: 12px;
}

h2 {
border-top: 1px solid #3C4F60;
border-right: 1px solid #3C4F60;
border-bottom: 2px solid #3C4F60;
border-left: 6px solid #3C4F60;
background-color: #587390;
color: #fff;
font: bold 10pt verdana, tahoma, sans-serif;
text-align: left;
letter-spacing: 2px;
padding: 0 0 0 5px;
margin: 0;
}

#name h3 {
text-align: center;
padding-right: 30px;
font: bold 24pt verdana, tahoma, sans-serif;
color: #BACBE9;
margin: 0px;
}

index

Zitat:

<!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></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript"
src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link href="style.css" type="text/css"
rel="stylesheet" />

</head>
<body>
<div id="ram">
<div id="name"><br />
<br />
<h3>   </h3>
</div>
<div id="header"></div>
<div class="menu">
<div id="navi"> </div>
</div>
<div id="content">

<p>Hallo Leute,
</p>
<p>das hier ist eine Seite für meinen Schatzi Lucky und
mich, da ich den kleinen Teppichporsche über alles lieb habe.</p>
<p>Aber noch viel mehr, auch etwas über meine Freunde,
Arbeit, Lieblingstiere, meine Freizeitgestaltung und mehr xD</p>
<p>Aus langeweile bin ich zu dieser Idee gekommen bin aba noch
net fertig ^^,<br />
find das es aba gar net ma sooooo schlecht aussieht xD</p>
</div>
<br style="clear: both;" />
<div id="footer">
<a target="_blank"
href="http://selly90sd.se.funpic.de/Sellygrafiks/">Design
by Selly90 *SD*</a>
</div>
</div>
</body>
</html>

McLissy

Ich könnt mir vorstellen, dass irgendwo ein paar Koordinaten falsch sind. Ich würd sie nochmal durchgehen.

Selly90

ich weiß net wie oft ich das schon gemacht hab, ich weiß net, irgentwie bin ich wohl zu blöd dafür ^^" deswegen hab ich gehofft das mir jemand auch zeigen kann was ich falsch mache, internetseiten und bücher geben leider keine antworten >.<