Kod: Zaznacz cały
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<title>start</title>
<meta>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo"></div>
<div id="gorne">
<ul>
<li> <a href="index.html">Strona Glowna</a></li>
</ul>
</div>
<div id="lewe"></div>
<div id="pasek"></div>
</div>
<!-- To jest miejsce na treść dokumentu -->
</body>
</html>Kod: Zaznacz cały
@charset "utf-8";
/* CSS Document */
body {
background-color:white;
margin: 0px;
padding: 0px;
}
div {
position:relative;
}
#container {
background-color:#FFFFFF;
margin:0 auto;
padding:0 0px 0 0px;
position: relative;
width:750px;
height:100%;
clear: both;
background-color:#FFFFFF;
}
#logo {
background: url(images/logo.png) no-repeat;
width: 100%;
height: 201px;
margin-bottom: 0px;
text-align:center;
}
#gorne {
background: url(../images/menupoz.gif) no-repeat;
width: 100%;
height: 33px;
margin-top:0px;
margin-left: auto;
text-align:center;
}
#lewe {
background: url(images/lewe.png) no-repeat;
width:150px;
height:300px;
text-align: center;
margin-left: 2px;
margin-top: auto;
}
#pasek {
background:url(images/pasek.png) no-repeat;
width: 100%;
height: 33px;
margin-top:400px;
}
#gorne li {
float:left;
pedding-left:20px;
font-weight: bold;
font-size: 14px;
}
#gorne a {
pedding:0px;
position:relative;
font-weight: bold;
}
#gorne a:hover {
color:#FFFF33;
}
