04-09-2010, 17:53
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="author" content="KK" />
<meta http-equiv="reply-to" content="@" />
<meta name="keywords" content="x" />
<meta name="copyright" content="KK" />
<meta http-equiv="content-language" content="pl" />
<title>x</title>
</head>
<!--<div id="container"> -->
<div id="header">
header
</div>
<div id="main">
tekst
</div>
<div id="extras">
<ul>
<li>About</li>
<li>Usługi</li>
<li>Galeria</li>
<li>Kontakt</li>
</div>
<div id="footer">
stopka
</div>
<!--</div> -->
</body>
</html>
css
<style type="text/css">
#body {
background-color:#b0c4de;
font-family: Arial, Verdana, sans-serif;
font-size: small;
margin: 0; /* usuwa domyslne ustawienia marginesów przegladarki*/
padding: 0;
}
/*#container {
background: #ffff66;
height: 1000px;
overflow: auto;
} */
#header {
background: gray;
height: 128px;
padding: 0px;
margin-right: 29%;
margin-left: 20%;
margin-top: 5px;
margin-bottom: 5px;
}
#extras {
font-family: Arial, Verdana, Helvetica, serif;
margin-right: 10%;
margin-left: 72%;
background: #ffff66;
padding: 10px; /*dodaje odstęp wewnątrz kolumny bocznej*/
}
#main {
background-color: yellow;
float: left;
width: 40%;
margin-left: 20%;
margin-bottom: 5px;
border: dotted;
padding: 5%;
}
li {
list-style: circle;
}
#footer {
clear: left;
margin-right: 29%; /*stopka wyrównana z zawartością strony*/
margin-left: 20%;
padding: 15px;
margin-bottom: 3%;
background: pink;
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="author" content="KK" />
<meta http-equiv="reply-to" content="@" />
<meta name="keywords" content="x" />
<meta name="copyright" content="KK" />
<meta http-equiv="content-language" content="pl" />
<title>x</title>
</head>
<!--<div id="container"> -->
<div id="header">
header
</div>
<div id="main">
tekst
</div>
<div id="extras">
<ul>
<li>About</li>
<li>Usługi</li>
<li>Galeria</li>
<li>Kontakt</li>
</div>
<div id="footer">
stopka
</div>
<!--</div> -->
</body>
</html>
css
<style type="text/css">
#body {
background-color:#b0c4de;
font-family: Arial, Verdana, sans-serif;
font-size: small;
margin: 0; /* usuwa domyslne ustawienia marginesów przegladarki*/
padding: 0;
}
/*#container {
background: #ffff66;
height: 1000px;
overflow: auto;
} */
#header {
background: gray;
height: 128px;
padding: 0px;
margin-right: 29%;
margin-left: 20%;
margin-top: 5px;
margin-bottom: 5px;
}
#extras {
font-family: Arial, Verdana, Helvetica, serif;
margin-right: 10%;
margin-left: 72%;
background: #ffff66;
padding: 10px; /*dodaje odstęp wewnątrz kolumny bocznej*/
}
#main {
background-color: yellow;
float: left;
width: 40%;
margin-left: 20%;
margin-bottom: 5px;
border: dotted;
padding: 5%;
}
li {
list-style: circle;
}
#footer {
clear: left;
margin-right: 29%; /*stopka wyrównana z zawartością strony*/
margin-left: 20%;
padding: 15px;
margin-bottom: 3%;
background: pink;
}
</style>
