Gegen Bilderklau - Das Original | Druckvorschau: Code prob

Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Code prob (https://www.gegen-bilderklau.net/thread.php?threadid=155863)

Geschrieben von Selly90 am 19.05.2009 um 22:58:

Code prob

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>