mam plik style.css
Kod
body
{
margin:0;
padding:0;
background-color:white;
}
<div id="naglowek"></div>
div#naglowek
{
width:100%;
border-bootom:solid 5px #518AB5;
}
div#naglowek li
{
display:inline
margin-left:15px;
}
div#naglowek a
{
text-decoration:none;
color:white;
border-bootom:solid 5px #518AB5
}
div #naglowek a:hover
{
color:silver
border-bootom:solid white 3px;
}
ul#menugora
{
margin:0;
height:30px;
background-color:#518AB5
list-style:none;
font-family:monospace;
}
div#menusrodek
{
height:150px;
}
div#menusrodek img, div#menusrodek a
P
border:0;
}
div#menusrodek img
{
vertical-aling:middle:
}
div#menusrodek form
{
postition:absolute;
right=10px;
top:1px;
}
div#menusrodek input.pole
{
background-color:silver;
border:1px solid white;
width:150px;
padding:0;
margin:0;
}
ul#menudol
{
background-color:#518AB5;
margin:0;
margin-left:300px;
height:40px;
text-align:center;
font-size:large;
text-transform:uppercase;
}
<div id="zawartość">
</div>
<div id="nawigacja">
</div>
div#nawigacja
{
position:absolute;
right:0;
top:15em;
width:300px;
padding:0;
margin:0;
}
div#zawartosc
{
margin-rigth:20em;
margin-left:1em;
}
<div id="stopka">
<p>Wszelkie prawa zastrzeżone. Copyright @ 1009 <a href="/">Laptopy</a>.</p>
<p>Strona Stworzona przez:<a href="http:..www.cre8.pl/"CRE8 - tworzenie stron</a></[?
<p><a href="sitemape.xml">XML SiteMap</a></p>
</div>
body, html, #zawartosc
{
min-height:100%;
height:100%;
}
html>body, html>body #zawartosc
{
height:auto;
}
div#stopka
{
width:100%;
height:40px;
background:#518AB5 url(http://www.globus-wapienica.eu/userfiles/Mini_Stopka_str.jpg);
padding-top:10px;
position:absolute;
bottom:0;}
div#stopka p
{
margin:0;
padding-left:20px;
font-size:smaller;
}
<div id="wpis">
<h2><a href="news01.html">Nowy Flybook VM</a></h2>
<p class="data"><strong><Data:</strong> 20.07.2007 <strong>Autor:</strong> Bartosz
Danowski </p>
<img src=obrazki/flybook.jpg" alt="Flybook MV" />
<p>Co początkowo wygląda na tuzinkowego laptopa. Wcale nim nie jest. Flybook VM
posiada ekran mogący ustwić się w pozycji normalnego ekranu LCD, tak aby użytkownik
miał wygodniejszą pozycje podczas użytkowania komputera. Szczególnie przydatne jest
to w czasie korzystania z laptopa w miejsach, gdzie mamy bardzo małą powierzchnie
na położenie netbooka, np. w samolocie</p>
<p>Flybook VM może wyglądać jak normalny laptop, lecz w rzeczywistości twórcy laptopa
mają aspiracje, aby ich produkt konkurował z deskopami. Laptopa będzie można kupic
pod koniec miesiąca w cenie $2.899.</p>
<p class=zrodlo"><a href="news01.html">Więcej »<a></p>
</div>
</html>
{
margin:0;
padding:0;
background-color:white;
}
<div id="naglowek"></div>
div#naglowek
{
width:100%;
border-bootom:solid 5px #518AB5;
}
div#naglowek li
{
display:inline
margin-left:15px;
}
div#naglowek a
{
text-decoration:none;
color:white;
border-bootom:solid 5px #518AB5
}
div #naglowek a:hover
{
color:silver
border-bootom:solid white 3px;
}
ul#menugora
{
margin:0;
height:30px;
background-color:#518AB5
list-style:none;
font-family:monospace;
}
div#menusrodek
{
height:150px;
}
div#menusrodek img, div#menusrodek a
P
border:0;
}
div#menusrodek img
{
vertical-aling:middle:
}
div#menusrodek form
{
postition:absolute;
right=10px;
top:1px;
}
div#menusrodek input.pole
{
background-color:silver;
border:1px solid white;
width:150px;
padding:0;
margin:0;
}
ul#menudol
{
background-color:#518AB5;
margin:0;
margin-left:300px;
height:40px;
text-align:center;
font-size:large;
text-transform:uppercase;
}
<div id="zawartość">
</div>
<div id="nawigacja">
</div>
div#nawigacja
{
position:absolute;
right:0;
top:15em;
width:300px;
padding:0;
margin:0;
}
div#zawartosc
{
margin-rigth:20em;
margin-left:1em;
}
<div id="stopka">
<p>Wszelkie prawa zastrzeżone. Copyright @ 1009 <a href="/">Laptopy</a>.</p>
<p>Strona Stworzona przez:<a href="http:..www.cre8.pl/"CRE8 - tworzenie stron</a></[?
<p><a href="sitemape.xml">XML SiteMap</a></p>
</div>
body, html, #zawartosc
{
min-height:100%;
height:100%;
}
html>body, html>body #zawartosc
{
height:auto;
}
div#stopka
{
width:100%;
height:40px;
background:#518AB5 url(http://www.globus-wapienica.eu/userfiles/Mini_Stopka_str.jpg);
padding-top:10px;
position:absolute;
bottom:0;}
div#stopka p
{
margin:0;
padding-left:20px;
font-size:smaller;
}
<div id="wpis">
<h2><a href="news01.html">Nowy Flybook VM</a></h2>
<p class="data"><strong><Data:</strong> 20.07.2007 <strong>Autor:</strong> Bartosz
Danowski </p>
<img src=obrazki/flybook.jpg" alt="Flybook MV" />
<p>Co początkowo wygląda na tuzinkowego laptopa. Wcale nim nie jest. Flybook VM
posiada ekran mogący ustwić się w pozycji normalnego ekranu LCD, tak aby użytkownik
miał wygodniejszą pozycje podczas użytkowania komputera. Szczególnie przydatne jest
to w czasie korzystania z laptopa w miejsach, gdzie mamy bardzo małą powierzchnie
na położenie netbooka, np. w samolocie</p>
<p>Flybook VM może wyglądać jak normalny laptop, lecz w rzeczywistości twórcy laptopa
mają aspiracje, aby ich produkt konkurował z deskopami. Laptopa będzie można kupic
pod koniec miesiąca w cenie $2.899.</p>
<p class=zrodlo"><a href="news01.html">Więcej »<a></p>
</div>
</html>
Tylko nie działa ani stopka, ani ten tekst, który powinien być na stronie głównej.
ps. pisałem to z poradnikiem, dlatego taka treść ...