Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Renan

[Resolvido] problemas com menu em css

Recommended Posts

olá pessoal..

 

eu tenho um menu na esquerda do meu site..

e no firefoz ele está dando erro, devido aos paddings e etc..

 

uma possível solução seria tirar as divs e usar <ul> e <li> ?

 

alguém sabe como posso usar o lance das listas?

 

obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ahhhh...

 

e para mim colocar uns estilos no <ul> e <li>

 

eu ponho como

 

.class

 

ou #ul_tal..

 

tipo..coloco um id para cada um ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Lucas Renan, Boa Tarde!

 

Então básicamente a estrutura de um menu com lista seria:

 

[url="http-~~-//december.com/html/4/element/ul.html"]<ul>[/url]
  [url="http-~~-//december.com/html/4/element/li.html"]<li>[/url]ITEM 1</li>
  [url="http-~~-//december.com/html/4/element/li.html"]<li>[/url]ITEM 2</li>
           ...
  [url="http-~~-//december.com/html/4/element/li.html"]<li>[/url]ITEM 3</li>
[url="http-~~-//december.com/html/4/element/ul.html"]<ul>[/url]

 

Aplicar as regras de estilos no elemento seria da mesma forma que aplica no elemento div. Identique o elemento por meio de uma ID ou uma CLASSE e defina as regras na mesma.

Utilize a busca que irá encontra bastante conteúdo relaciona a construção de menus.

 

Busca do Fórum iMasters

 

Qualquer nova dúvida post, atente sempre antes a busca. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu fiz assim

 

<ul class="ul">
		  <li class="li_titulo"><span class="texto_li_titulo">Busca</span></li>
		  <li class="li">  <a href="http://www.spmais.com.br/cidades.php" class="menuprincipal">Cidades</a></li>
		  <li class="li">  <a href="http://www.spmais.com.br/categorias.php" class="menuprincipal">Categorias</a></li>
	  </ul>

e no css:

 

.li_titulo{
background-color:#D0DBE7;
list-style-type: none;
height:20px;
}
.texto_li_titulo{
font-family: arial, sans-serif; font-size: 12px; color: #154F85; font-weight: bold; text-align:left; margin-left:5px;
}
.li{
list-style-type: none;
margin-left:5px;
}
.ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

deu certinho..tanto no firefoz como no ie..

 

 

vlws a ajuda aeee

Compartilhar este post


Link para o post
Compartilhar em outros sites

muito bem Lucas Renan!

Que bom que o problema foi resolvido, e melhor ainda que você retornou para informar. Qualquer nova dúvida é só postar. Observer a Busca do Fórum iMasters sempre anets de um novo tópico. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.