menu vertical para horizontal

[alemaojf 1]

tenho um menu feito em css q ta vertical tenho q passa-lo para horizontal...como q faco? tenho q mudar o q?valeu

[webflex 0]

Olá,

 

E se colocasse a parte do seu código para uma melhor compreensão do problema ;)?

 

Cumps [*]

[alemaojf 1]

opa, beleza?

 

o codigo é o seguinte...

 

menu.css

 

ul#menu,

ul#menu ul {

margin: 0;

padding: 0;

width: 134px;

background: #fff; /* IE6 Bug */

font: 12px arial, helvetica, sans-serif;

}

 

ul#menu li {

position: relative;

list-style: none;

}

 

ul#menu li a {

display: block;

text-decoration: none;

color: #777;

padding: 1px 0 1px 25px;

border-bottom: 0;

background-image:url(imagem/fundo_menu.jpg);

margin-bottom:2px;

}

 

/* Fix IE. Hide from IE Mac \*/

* html ul#menu li { float: left; height: 1%; }

* html ul#menu li a { height: 1%; }

/* End */

 

ul#menu ul {

position: absolute;

display: none;

left: 149px;

top: 0;

}

 

/* muda a cor da fonte*/

ul#menu li a:hover { color: #990000; }

 

menu.htm

 

<ul id="menu">

<li ><a href="cadastro_paciente.php">Cadastrar Paciente</a></li>

<li><a href="exibicao_paciente.php">Exibir Pacientes</a></li>

<li><a href="ficha_paciente.php">Ficha Paciente</a></li>

<li><a href="pagamento.php">Pagamentos</a></li>

<li><a href="devedores.php">A Receber</a></li>

<li><a href="saldo.php">Meu Saldo</a></li>

<li><a href="emitir_recibo.php">Emitir Recibo</a></li>

<li><a href="logout.php">Sair</a></li>

</ul>

 

ae assim desse jeito fica

Cadastro Paciente

Exibir paciente

...

 

kero mudar pra ficar na horizontal .... Cadastro Paciente | Exibir Paciente ....

 

sacou?

[Guilherme Rambo 4]

ul#menu li a {

display: block;

text-decoration: none;

color: #777;

padding: 1px 0 1px 25px;

border-bottom: 0;

background-image:url(imagem/fundo_menu.jpg);

margin-bottom:2px;

float:left;

}

[webflex 0]

Olá,

 

alemaojf o que você está precisando é ver este tutorial.

Espero ter ajudado.

 

Cumps [*]

[Giovani 104]

Basta pesquisar aqui no fórum, tem "n" posts com isso.

 

http://forum.imasters.com.br/index.php?act...+and+horizontal

 

Tag pesquisada: menu and horizontal

 

Isso sem contar o site do maujor e o próprio google.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[alemaojf 1]

valeu moçada pelo ajuda consegui resolver