1.chce miec z boku strony taki pasek tzn aby bylo widac ze strona sie konczy
co mam zmienic w kodzie aby to otrzymac
2.chce aby nie ladowala sie cala strona lecz tylko tekst na stronie tzn zeby za kazdym razem sie cala strona nie ladowala tylko sam tekst potrafie to zrobic w JS ale nie w CSS
Kod: Zaznacz cały
CSS
body {
text-align: center;
margin: 0;
padding: 0;
background: #000000;
}
div#glowny {
text-align: left;
width: 648px;
margin: 0 auto;
padding: 0;
background: #FFF;
}
div#top {
height: 169px;
weidht: 638px;
background: url('logo1.jpg');
}
}
div#tresc {
width: 400px;
float: right;
margin: 0;
}
div#tresc * {
margin: 10px 40px;
}
div#menu {
width: 170px;
float: left;
}
div#stopka {
height: 12px;
clear: both;
background: url('stopka.jpg') ;
}
li {list-style: none;}
.navigation {
float: left;
width: 200px;
background-color: #b7b7b7;
}
.navigation ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
font-size: 1.1em;
background-color: #b7b7b7;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 100%;
}
.navigation li a:hover {
color: #9e0b0f;
background-color: #959595 ;
}Kod: Zaznacz cały
HTML
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="reply-to" content="[email protected]" />
<meta name="generator" content="WebSite PRO 4.3" />
<meta name="author" content="Bartosz Krzysztofiak" />
<meta name="description" content="Opis" />
<title>Bartosz Krzysztofiak Page</title>
<link rel="stylesheet" type="text/css"
media="all" href="style1.css" />
</head>
<body>
<div id="glowny" >
<div id="top">
</div>
<div id="tresc">
</div>
<div class="navigation">
<center><h2>Menu</h2></center>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="index.html">o mnie</a></li>
<li><a href="index.html">zdjecia</a></li>
<li><a href="index.html">kontakt</a></li>
</ul>
</div>
<div id="stopka"></div>
</div>
</body>
</html>
</body>
</html>