15-01-2011, 18:10
"Pozatym bez raczej nie masz szans na powodznie." Jak to nie ma na powodzenie? Zrobienie menu na ul to stosowana praktyka, którą można zastosować. Jak zrobisz inaczej, nie urwie ci głowy.
Twoje menu powinno wyglądać tak:
<ul class="menu_gora">
<li class="menu_gora_katalog"><a href="">Katalog</a></li>
<li class="menu_gora_poradnik"><a href="">Poradnik</a></li>
<li class="menu_gora_zapytanie"><a href="">Zapytanie ofertowe</a></li>
</ul>
Reszta to stylowanie.
.menu_gora {list-style-type:none; margin:0; padding:0; float:right; background:url(img/menu.png) no-repeat; width:544px; height:153px;}
.menu_gora li {float:left; width:.....px; height:153px;}
.menu_gora .menu_gora_katalog {background:url(img/katalog.png) no-repeat;}
.menu_gora .menu_gora_poradnik {background:url(img/poradnik.png) no-repeat;}
.menu_gora .menu_gora_zapytanie {background:url(img/img/zapytanie_ofertowe.png) no-repeat;}
.menu_gora li a {width:100%; height:153px; display:block; text-indent:-999px; overflow:hidden;}
Było to już milion razy na tym forum.
Twoje menu powinno wyglądać tak:
<ul class="menu_gora">
<li class="menu_gora_katalog"><a href="">Katalog</a></li>
<li class="menu_gora_poradnik"><a href="">Poradnik</a></li>
<li class="menu_gora_zapytanie"><a href="">Zapytanie ofertowe</a></li>
</ul>
Reszta to stylowanie.
.menu_gora {list-style-type:none; margin:0; padding:0; float:right; background:url(img/menu.png) no-repeat; width:544px; height:153px;}
.menu_gora li {float:left; width:.....px; height:153px;}
.menu_gora .menu_gora_katalog {background:url(img/katalog.png) no-repeat;}
.menu_gora .menu_gora_poradnik {background:url(img/poradnik.png) no-repeat;}
.menu_gora .menu_gora_zapytanie {background:url(img/img/zapytanie_ofertowe.png) no-repeat;}
.menu_gora li a {width:100%; height:153px; display:block; text-indent:-999px; overflow:hidden;}
Było to już milion razy na tym forum.