Problem tło

[Kartofelek]

No dobra. Po wigilijnej imprezie mogę ci odpowiedzieć na twoje pytanie.

Menu. Nigdy nie rób menu w taki sposób.

Menu powinno wyglądać tak:

Kod:

<ul class="menu">
<li class="menu_link1"><a href="">To jest pierwszy link</a></li>
<li class="menu_link1"><a href="">To jest drugi link</a></li>
</ul>

Potem w stylach obrabiasz to tak:

Kod:

.menu {height:20px;}
.menu li {backgrouund:url(menu_sprite.gif) no-repeat; width:100px; height:20px; float:left;}
.menu li a {display:block; text-indent:-999px; overflow:hidden; width100%; height:20px; cursor:pointer;}
.menu_link1 {background-position:0 0;}
.menu_link1:hover {background-position:0 -20px;}
.menu_link2 {background-position:-100px 0;}
.menu_link2:hover {background-position:-100px -20px;}
.....

Pokazałem ci tutaj metodę sprite, czyli taką w której wszystkie obrazki menu są w 1 obrazku. Pozycje początkowe są ułożone obok siebie, a pozycje hover są pod nimi czyli
[poz1 ][poz2 ][poz3 ]....
[poz1hover][poz2hover][poz3hover]....

Oczywiście w necie lepiej ci to wyjaśnią. Wystarczy, że poszukasz CSS SPRITE itp.

---------------

<link rel="stylesheet" type="text/css" href="iloooolo.css" />type="text/css" />

Błąd. Śmietnik na końcu linijki. Zwracaj na to uwagę.

<div class="header">
<img src="header.gif">

To nie jest najlepsze rozwiązanie. Wyłącz style w przeglądarce - zobaczysz czemu. Lepiej będzie tak:

Kod:

<h1 class="header">To jest nagłówek strony</h1>

a potem w stylach

Kod:

.header {background:url(header.gif) no-repeat; overflow:hidden; wdth:...px; height:....px; text-indent:-999px;}