com menu horizontal

[Ghean 0]

Estou com seguinte problema:

Recebi um layout de um parceiro e preciso deixa-lo em tableless, mas estou com problema no menu.

 

Como poderei fazer o seguinte menu:

[inforsis 1]

Ghean, Boa Tarde!

Utilizando as tags <ul></ul> e <li></li>

 

exemplo:

 

css

<style type="text/css">#menu { list-style:none; width:300px; height:25px; display:block; text-decoration:none; background:#CCCCCC; }#menu li { text-align:center; float:left; margin:5px; width:30%; }#menu li a { color:#0000FF; }#menu li a:hover {background: #00CCFF; color:#FF0000;}</style>

html

[url="http-~~-//december.com/html/4/element/ul.html"]<ul[/url] id="menu">
        
                [url="http-~~-//december.com/html/4/element/li.html"]<li>[/url][url="http-~~-//december.com/html/4/element/a.html"]<a[/url] href="#">Opção1</a></li>
                [url="http-~~-//december.com/html/4/element/li.html"]<li>[/url][url="http-~~-//december.com/html/4/element/a.html"]<a[/url] href="#">Opção2</a></li>
                [url="http-~~-//december.com/html/4/element/li.html"]<li>[/url][url="http-~~-//december.com/html/4/element/a.html"]<a[/url] href="#">Opção3</a></li>
                
</ul>

 

Pesquise aqui no fórum irá encontrar muito material de apoio. Caso surjam mais dúvida post novamente. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Busca do Fórum iMasters