Prosze oto szkielet:
HTML:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Nazwa firmy</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="Content" href="#content" />
</head>
<body>
<div id="container">
<div id="top">
<h1>
<a href="index.html"><img src="..." alt="Nazwa strony" /></a>
</h1>
<ul>
<li><a href="index.html">strona główna</a></li>
(...)
</ul>
</div>
<div id="content">
<div id="main">
<h2>Strona głowna</h2>
<p>
</p>
<a class="more" href="#">więcej</a>
</div>
<div id="sub">
<h2>Nagłowek</h2>
<p>
</p>
</div>
</div>
<div id="footer">
<ul>
<li><a href="index.html">...</a></li>
<li class="last-child"><a href="kontakt.html">Kontakt</a></li>
</ul>
Copyright © 2009 Twoja imie i nazwisko
</div>
</div>
</body>
</html>
I CSS:
Kod:
/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
/* global styles */
body {
font-family: Verdana, sans-serif;
font-size: 100.01%;
font-size:11px;
background: #fff url('...');
}
a, a:visited {text-decoration: none; color: [color];}
a:hover {text-decoration: underline;}
a:visited {color: [color];}
div.clearfix {clear: both;}
#container {
width:768px;
margin:0 auto;}
#top {}
h1{
padding-left:0px;
padding-top:0px;
}
#menuwrapper{}
#primary-nav{}
#primary-nav li{}
#primary-nav li a{}
#content {}
#main {}
#main p {}
#sub {}
#sub p {}
#footer {}
#footer ul {}
Zakładki