[xhtml][css] poziome menu

[jonzi]

Witam,

Chciałbym zrobić poziome menu. Normalnie bym to zrobił na zwykłej tabeli, ale oczywiście standardy itd... wpadłem na to, że mogę użyć <span>:

Kod: Zaznacz cały

<div>
  <span class="menuel">START</span>
  <span class="menuel">CENNIK</span>
  <span class="menuel">KONTAKT</span>
</div>


nadałem tym spanom szerokość w css, ale występują pomiędzy nimi odstępy, a ja ich nie chcę. Jak się ich pozbyć? w tabelach było to bodajże cellspacing, a tu nie wiem jak to zrobić...

[riddle]

Menu zawsze rób na liście nieuporządkowanej.

Kod: Zaznacz cały

<ul>
    <li>START</li>
    <li>CENNIK</li>
    <li>KONTAKT</li>
</ul>

A potem CSSem ustaw dla <li/> display: inline; oraz ustaw paddingi, marginy i kolory w zależności jakie chcesz.

Więcej:
http://css.maxdesign.com.au/listamatic/

[crash222]

i dla "ul" i dla "li" display: inline? bo jak dam tylko dla li to mi odrywa menu od loga :/ zobaczcie sami:
arucard.webd.pl/css

a jak zrobie tez dla "ul" to menu sie przykleja do gory diva z menu ;P

[Gość]

Dodaj dla <ul> margin:0px; i bedzie ok. standardowo ff ustala margin dla el. <ul> a jesli sa one w <div> wiec margin "przychodzi" do diva...