[CSS/HTML/JPEG] przerwa między obrazkami! jak ją wykasować?

[cieply]

Pociąłem swój layout w ImageReady. To co mogę robię w CSS. Ale już prawie na samym początku natrafiłem na błąd. Obrazki w menu nie stykają. Jak zrobić żeby się stykały?
LINK DO PRZYKŁADU: http://sport2006.ovh.org/layout/index.html
Najlepiej przeglądać w IE...jak w IE nie będzie błędu to w innych też

Mogłby mi ktoś napisać stosowny komentarz o tym jak to zrobić żeby było dobrze?

[123456]

jak w IE nie będzie błędu to w innych też

Musze przyznac ze masz ogromne poczucie humoru

HTML:

Kod: Zaznacz cały

<div id="top"></div>
<div id="top2" class="btn"></div>
<div id="btn_home" class="btn"></div>
<div id="btn_kontakt" class="btn"></div>
<div id="btn_about" class="btn"></div>
<div id="btn_links" class="btn"></div>

i CSS

Kod: Zaznacz cały

div#top {
 width: 770px;
 height: 54px;
 background: url(http://sport2006.ovh.org/layout/index_01.jpg) no-repeat top left;
}
div.btn {
 height: 18px;
 float:left;
 background-position: top left;
 background-repeat: no-repeat;
}
div#top2 {
 width: 358px;
 background-image: url(http://sport2006.ovh.org/layout/index_02.jpg);
}
div#btn_home {
 width: 153px;
 background-image: url(http://sport2006.ovh.org/layout/strona_glowna.jpg);
}
div#btn_kontakt {
 width:114px;
 background-image: url(http://sport2006.ovh.org/layout/kontakt.jpg);
}
div#btn_about {
 width:73px;
 background-image: url(http://sport2006.ovh.org/layout/onas.jpg);
}
div#btn_links {
 width:72px;
 background-image: url(http://sport2006.ovh.org/layout/linki.jpg);
}

[cieply]

wielkie dzieki
mozesz mi jeszcze powiedziec jak wysrodkowac strone?

[123456]

Pakujesz wszystko w div'a i ustalasz marginesy boczne na auto a dla badzIEwia robisz text-align:center;

[cieply]

wszystko wziąłem pod jednego diva i dalem text-align:center i nie dziala ;/ srodkuja sie tylko te komorki ktore maja szerokosc, szerokosci strony czyli 770px.

jeszcze jakbys mogl mi powiedziec co najlepiej zeby sie znalazlo (co moze, i co musi) w head jak publikuje strone.

[123456]

Pakujesz wszystko w div'a i ustalasz marginesy boczne na auto a dla badzIEwia robisz text-align:center;

Troche niejasno napisalem. Cala strone wrzucasz do jednego div'a i dodajesz dla niego marginesy na auto. Dla przegladarki IE ustawiasz text-align:center dla elementu body. Tego nie napisalem. Sorry, moja skucha .

jeszcze jakbys mogl mi powiedziec co najlepiej zeby sie znalazlo (co moze, i co musi) w head jak publikuje strone.

Najlepiej bedzie jak poczytasz jakis kurs HTML'a i CSS, bo widze, ze podstawy to u Ciebie leżą. Powodzenia