bin neu in HTML und CSS und wollte hier mal fragen was ich an meinem Code noch ändern sollte:
HTML
HTML Code:
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Nevada-Reallife</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <div id="main"> <div id="header"></div> <div id="home"><a href="http://www.home.de" class="home"></a></div> <div id="forum"><a href="http://www.forum.de" class="home"></a></div> <div id="nevada-reallife"></div> <div id="ueberschrift1">Nevada Reallife Nachricht</div> <div id="content1">Nevada Reallife Closed Beta am 01.09.2011 angekündigt. [NeR]CAPO zum Server Manager befördert. <br> <br>Serverleitung:<br> [NeR]Manu<br> [NeR]Darklegacy</div> <div id="footer"></div> <div id="nachrichtentxt">User Rekord liegt bei 10 Usern<br> Der Server bleibt bei Godfather<br> Selfmade ist nicht im Gange<br><br><br> WWW.NEVADA-REALLIFE.DE</div> <div id="serverip">Server IP: 100.100.100.23:7777</div> <div id="teamspeak">Teamspeak 3 IP: 200.2000.200.200:9763</div> <div id="forumadress">Forum Adresse: Nevada-Reallife.de</div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br> <div id="partner"><a href="http://www.partner.de" class="partner"></a></div> </div> <body> </body> </html>
CSS:
Code:
@charset "utf-8";
/* CSS Document */
body {
background-image: url(bg.png);
background-repeat:repeat-x;
}
a:active{
outline: none;
border: none;
}
a:focus {
outline: none;
border: none;
}
#main {
top:0px;
width:1000px;
position:relative;
left:51.3%;
margin-left:-512px;
background: url(images/bg.png);
background-repeat: repeat-x repeat-y;
}
#partner {
top:200px;
left: 940px;
width:60px;
height: 340px;
position:absolute;
background: url(images/partner.png);
}
#header {
top:-12px;
width:1000px;
height: 178px;
position:relative;
background: url(images/header.png);
}
#home{
top:50px;
left: 6px;
width:106px;
height: 36px;
position:absolute;
background: url(images/home.png);
}
#forum{
top:54px;
left: 160px;
width:107px;
height: 28px;
position:absolute;
background: url(images/forum.png);
}
#nevada-reallife{
top: -5px;
left: 310px;
width: 551px;
height: 67px;
position:absolute;
background: url(images/nevada-reallife.png);
}
#ueberschrift1{
position: absolute;
left: 160px;
top: 200px;
width: 670px;
color: black;
font-size: 40pt;
font-family:Arial;
font-style: italic;
}
#content1{
position: absolute;
left: 5px;
top: 300px;
width: 500px;
color: black;
font-size: 12pt;
font-family:Arial;
font-style: italic;
}
#footer{
top: 600px;
left: 0px;
width: 1000px;
height: 531px;
position:absolute;
background: url(images/footer.png);
}
#nachrichtentxt{
position: absolute;
left: 710px;
top: 650px;
width: 250px;
color: #eec5c5;
font-size: 12pt;
font-family:Arial;
font-style: italic;
text-align: center;
}
#serverip{
position: absolute;
left: 5px;
top: 1100px;
color: #fcd5d5;
font-size: 12pt;
font-family:Arial;
font-style: italic;
}
#teamspeak{
position: absolute;
left: 320px;
top: 1100px;
color: #fcd5d5;
font-size: 12pt;
font-family:Arial;
font-style: italic;
}
#forumadress{
position: absolute;
left: 740px;
top: 1100px;
color: #fcd5d5;
font-size: 12pt;
font-family:Arial;
font-style: italic;
}
.home{
width: 106px;
height: 36px;
display: block;
}
.forum{
width: 107px;
height: 28px;
display: block;
}
.partner{
width: 60px;
height: 340px;
display: block;
}
Das Design ist nicht von mir ich sollte es nur von PSD->HTML/CSS machen.
Freue mich über jede hilfreiche Antwort
Mfg
ShawnSpencer
