Conectar-se

Esqueci minha senha

Top dos mais postadores
Sheik
 
Dead
 
Mikéé
 
L.Danttas
 
Mex
 
Higor
 
Wesley
 
Smuck
 
RocK ♕
 
-Rєis-
 

Últimos assuntos
» Brasil Virtual Life - PRG SA-MP
Qua Jul 15, 2015 9:22 pm por Bruno_Walker

» [PACK] NEW-CRYPTO PACK / DUCKETS / CORES NAS FALAS / GRUPOS [PACK]
Seg Ago 11, 2014 3:08 pm por Marco Antoniio

» CraftLandia - O melhor servidor de minecraft
Qua Dez 04, 2013 6:00 am por joaozip08

» AJUDA Com utilitario
Dom Out 27, 2013 6:11 am por mcbolado

» [Skin] Hilux 2011
Qua Out 09, 2013 3:12 pm por pudimmais

» Bate-papo.
Seg Set 02, 2013 1:29 pm por SouthPark

» Loja especial.
Qua Ago 28, 2013 9:48 pm por L.Danttas

» Cabral garante Maracanã seguro, mas 600 operários trabalham no interior.
Qui Ago 08, 2013 10:19 pm por Netinho

» Dólar fecha acima de R$ 2,07; Banco Central fica fora de negócios
Qui Ago 08, 2013 10:16 pm por Netinho

Os membros mais ativos do mês


Fazendo menu ficar horizontal

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Fazendo menu ficar horizontal

Mensagem por ,StorY! em Qui Maio 30, 2013 2:01 pm


O código é realmente simples , porem funcional e pode ser aplicado de diversas formas , isso é de acordo com o gosto do programador:

Código:
 #menu ul li {
  display:inline;
}

Feito isso o seu menu já vai deitar , como vimos o código funciona da seguinte forma :


Feito isto , vamos a segunda pergunta : Como deixar ele em bloco ?

Se está aprendendo agora , não vai saber o por que da pergunta , mas quando começar a usar vai saber o por que saber disto que irei ensinar.

Código:
 #menu ul li a {
  display:inline-block;
}
Quase que a mesma coisa que o outro , porem este nós botamos na tag a também da ul , mas botamos como inline-block , ou seja , em linha e em bloco.

Basicamente é isso.



,StorY!
Membro
Membro

Mensagens Mensagens : 0
Pontos Pontos : 0
Data de inscrição Data de inscrição : 23/04/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por Sheik em Qui Maio 30, 2013 11:48 pm

Saudações

Obrigado por mais este tópico, agradeço desde jà.

Até
avatar
Sheik
Elite Member
Elite Member

Mensagens Mensagens : 639
Pontos Pontos : 63165
Data de inscrição Data de inscrição : 27/05/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por Toopzinhoh™ em Qui Maio 30, 2013 11:58 pm

Não curto Informática e também não entendi nada .
avatar
Toopzinhoh™
Membro
Membro

Mensagens Mensagens : 57
Pontos Pontos : 128
Data de inscrição Data de inscrição : 30/05/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por τнєρяσ™ em Sex Maio 31, 2013 5:48 pm

Obrigado Por Compartilhar!
avatar
τнєρяσ™
Junior Member
Junior Member

Mensagens Mensagens : 102
Pontos Pontos : 218
Data de inscrição Data de inscrição : 30/05/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por [S]møzє em Sex Maio 31, 2013 5:57 pm

Obrigado por compartilhar estarei testando!!!
avatar
[S]møzє
Membro
Membro

Mensagens Mensagens : 97
Pontos Pontos : 198
Data de inscrição Data de inscrição : 31/05/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por Cяiรтiαиσ Яσиαldσ™ em Sex Maio 31, 2013 5:59 pm

isto já sei de cor mas obrigado mesmo assim
avatar
Cяiรтiαиσ Яσиαldσ™
Membro
Membro

Mensagens Mensagens : 33
Pontos Pontos : 77
Data de inscrição Data de inscrição : 29/05/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por Jαvα em Qua Ago 07, 2013 3:43 pm

Moderação Wf
Membro : Toopzinhoh™

Ocorrências : +5

Motivo : Comentário Inútil .
avatar
Jαvα
Membro
Membro

Mensagens Mensagens : 4
Pontos Pontos : 27
Data de inscrição Data de inscrição : 06/08/2013

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Fazendo menu ficar horizontal

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum