Hallo Community,
ich bin ja derzeit dabei ein Selfmade zu schreiben und möchte natuerlich auch ein
CP eine HP und ein Forum erstellen nur leider hab ich so gut wie keine Ahnung von
HTML und CSS nur paar kleine anfaenger Kenntnisse und ich habe jetzt
Menue, Header, Inhaltszeile und Fußzeile und wenn ich mir
jetzt mal aufm iPhone oder so anschaue dann ist alles komplett verschoben
weil ich wahrscheinlich alles nur auf die Aufloesung meines PC's angepasst habe.
Ich habe im Internet gesucht und gesucht aber nix gefunden das mich weiter brachte.
Ich moechte alles perfekt in die Mitte haben.
HTML Code:
HTML
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>Adrenalin Gaming</title>
<link rel="stylesheet" type="text/css" href="design.css">
</head>
<body style="background:url(HomepageBG.png) no-repeat;">
<div id="header" style="background:url(header.jpg) no-repeat;" >
</div>
<div id="main">
<div id ="menue">
<a href="http://ni24159_2.vweb03.nitrado.net/">Startseite</a >
</div>
<div id="inhalt">
Diese Homepage ist nocht in bearbeitung!
</div>
</div>
<div id="footer">
<center>Copyright © 2014 Adrenalin Gaming</center>
</div>
</body>
</html>CSS Code:
Code
body {
background-color:black;
text-algin:center;
}
#webseite {
width:auto;
marin:0 auto;
}
#header {
text-algin:center;
width:auto;
height:150;
margin-left: 50px;
margin-right:50px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
}
#header h1 {
padding-top:50px;
font-size:60px;
font-weight:bold;
color:white;
font-family:Courier;
}
#main {
widh:980px;
}
#menue {
width:auto;
height:30px;
background:grey;
margin-top:15px;
margin-bottom:15px;
margin-left: 100px;
margin-right:100px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
}
#inhalt {
width:768px;
heigh:298px;
background:yellow;
margin: 0 auto;
margin-bottom: 10;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-o-border-radius: 1px;
}
#footer {
vertical-align: middle;
width:auto;
height:30px;
background:darkorange;
margin-left: 75;
margin-right:75;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
clear:both;
}MFG. JasoN