mahmudlo
Neues Mitglied
Also ich komme schnell zum punkt ich muss für die schule eine html css website erstellen habe paar tutorials zur hilfe genommen dass grundgerüst habe ich schon es sieht so aus
html:
<html>
<head>
<title>Meine Webseite</title>
<link rel="stylesheet" type="text/css" href="design.css">
</head>
<body>
<div id="webseite">
<div id="header">
<h1>Meine Website</h1>
</div>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer">
<h1>hi</h1>
</div>
</div>
</body>
</html>
css:
body {
background-image: url(background2.jpg);
width:100%;
height:100%;
padding:20px;
text-align:center;
}
#webseite {
width:980px;
margin:0 auto;
}
#header {
width:980px;
height:150px;
background:black;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
#header h1 {
padding-top:50px;
font-size:60px;
font-weight:bold;
color:white;
font-family:Courier;
}
#main {
width:980px;
}
#left {
float:left;
width:200px;
height:300px;
background:darkblue;
margin-top:10px;
margin-bottom:10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
#right{
float:right;
width:770px;
height:300px;
background:darkred;
margin-top:10px;
margin-bottom:10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
#footer {
width:980px;
height:100px;
background:darkorange;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
margin-top:20px;
clear:both;
}
auf der seite sind 4"kästen" in den header und footer kann ich was reinschreiben aber wie kann ich etwas ins menue und in den rechten teil reinschreiben helft mir bitte und verbesserungsvorschläge auch bitte bin ein anfänger danke im voraus
sorry für die rechtschreibung
html:
<html>
<head>
<title>Meine Webseite</title>
<link rel="stylesheet" type="text/css" href="design.css">
</head>
<body>
<div id="webseite">
<div id="header">
<h1>Meine Website</h1>
</div>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer">
<h1>hi</h1>
</div>
</div>
</body>
</html>
css:
body {
background-image: url(background2.jpg);
width:100%;
height:100%;
padding:20px;
text-align:center;
}
#webseite {
width:980px;
margin:0 auto;
}
#header {
width:980px;
height:150px;
background:black;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
#header h1 {
padding-top:50px;
font-size:60px;
font-weight:bold;
color:white;
font-family:Courier;
}
#main {
width:980px;
}
#left {
float:left;
width:200px;
height:300px;
background:darkblue;
margin-top:10px;
margin-bottom:10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
#right{
float:right;
width:770px;
height:300px;
background:darkred;
margin-top:10px;
margin-bottom:10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
#footer {
width:980px;
height:100px;
background:darkorange;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
margin-top:20px;
clear:both;
}
auf der seite sind 4"kästen" in den header und footer kann ich was reinschreiben aber wie kann ich etwas ins menue und in den rechten teil reinschreiben helft mir bitte und verbesserungsvorschläge auch bitte bin ein anfänger danke im voraus
sorry für die rechtschreibung
