25-04-2011, 16:17
No dobra, zrobiłem tak jak mówiłeś, ale nadal nie ma tego co chciałem ;/
Chciałem uzyskać poziome menu, belka była wstawiona i obok tego chciałem wstawić 5 obrazków z napisami: Home, O nas, Siedziba, Cennik i Kontakt ;/
Robiąc tak jak napisałeś uzyskałem taki efekt:
![[Obrazek: efekt.JPG]](http://tczew.net.pl/~martin1993/efekt.JPG)
Urywek kodu HTML:
Urywek kodu CSS:
Nigdzie prędzej w kodzie CSS nie mam deklaracji i nadawania atrybutów dla UL i LI.
Chciałem uzyskać poziome menu, belka była wstawiona i obok tego chciałem wstawić 5 obrazków z napisami: Home, O nas, Siedziba, Cennik i Kontakt ;/
Robiąc tak jak napisałeś uzyskałem taki efekt:
Urywek kodu HTML:
Kod:
<ul>
<li class="pierwszy_link"><a href="index.html">Home</a></li>
<li class="drugi_link"><a href="index.html">O nas</a></li>
<li class="trzeci_link"><a href="index.html">Siedziba</a></li>
<li class="czwarty_link"><a href="index.html">Cennik</a></li>
<li class="piaty_link"><a href="index.html">Kontakt</a></li>
</ul>
Urywek kodu CSS:
Kod:
ul { height:29px; }
li.pierwszy_link {background:url(images\ch_07.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.drugi_link {background:url(images\ch_08.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.trzeci_link {background:url(images\ch_09.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.czwarty_link {background:url(images\ch_10.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.piaty_link {background:url(images\ch_11.png) no-repeat; width:72px; height:29px; display:block; float:left;}
a{display:block; width:72px; height:29px; text-indent:-999px; overflow:hidden;}
Nigdzie prędzej w kodzie CSS nie mam deklaracji i nadawania atrybutów dla UL i LI.