Ir para conteúdo

POWERED BY:

Arquivado

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

yogodoshi

Como alinhar menu drop-down à direita?

Recommended Posts

Ae galera, tenho aqui um menu drop-down feito a base de listas e tal...Está funcionando normalmente mas estou querendo alinhá-lo à direita dentro de uma div e o text-align não funciona.Eu fiz o seguinte, criei uma div vazia com uma width de 300px e float: left. E coloquei o menu drop-down dentro de outra div logo depois, assim o menu fica à 300 px da lateral esquerda.Mas essa foi a gambiarra que eu inventei, alguém sabe outra solução para isso? Como alinhar o menu drop-down (feito de ul e li) à direita?_____Aproveito e pergunto como posso alinhar este mesmo menu à base, tipo um v-align: bottom.... também não estou conseguindo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

float right pra ficar na direitae vallign bottom só em tabelastem um eskema em algum post aki pra fazer a dicv se comportar q nem tabeladai funfa tbmabx

Compartilhar este post


Link para o post
Compartilhar em outros sites

float para fikar na direita mas afeta o resto das divs...eu kero que o CONTEUDO da div fika alinha a direita e na base...vou procurar esse esquema aki no forum, vlw a dica!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sinto lhe informar mas, inconscientemente, eu SEGUI AS REGRAS que você criou...

 

Achei que existisse uma soluçao para o meu problema que é:

"Como alinhar o menu drop-down (feito de ul e li) à direita em uma div?"

 

não pensei que cada caso fosse um caso....

 

de qualquer maneira, aqui tem um exemplo do que eu falei:

 

http://www.yogodoshi.com/tijuquinha/index.htm

 

o menu fica alinhado no I.E. mas não fica no Firefox...

Compartilhar este post


Link para o post
Compartilhar em outros sites

ponha isso no seu CSS

 

aproveitando que você criou uma div com a ID DIV_MENU

faça iso:

#div_menu{float:right;}
a proposito revisa seu CSS que ele tah meio poluido =/ (sem maldade, só um pouco)

e evite estilos inline tambem

Compartilhar este post


Link para o post
Compartilhar em outros sites

beleza cara, esse arquivo eu fiz sai criando tudo e só no final fui testar e foi onde encontrei vários erros. Depois disso resolvi começar denovo e estou resolvendo erro por erro...mas tah poluido como? (sobre o inline pd dexah q no final nao vai ter inline nem1 nao, era mais pra testes)Eu nao sei o que é um css poluido, em html, xhtml e talz eu até sei...agora no css, com medo de dar akeles erros de crossbrowser eu faço questão de escrever tudo... como por exemplo prefiro colocar 750px de width em tudo ao inves de colocar em um só e mandar um inherit ou coisa do genero. Mas faco isso por medo de dar algum pau, entao aceito criticas/ sugestoes ^^

Compartilhar este post


Link para o post
Compartilhar em outros sites

Talvez eu tenha exagerado um pouco mas tem coisas que você pode evita tipo isso:

background-color:#f7f8ff;	background-image: url(../imagens/topo_conteudo.gif);	background-repeat: no-repeat;	width: 477px;	background-position: left top;

você pode fazer isso:

background:#f7f8ff url(../imagens/topo_conteudo.gif) no-repeat left top;width: 477px;

e verifique sua escrita, tipo você eskeceu de usar cores com #

porque tem alguns lugares q você esqueceu:

#superior_cima {	width:750px;	height:23px;	background-image:url(../imagens/recortado_03.gif);	text-align:right;	color:fff;/*AQUI POR EXEMPLO FALTOU #*/}

Compartilhar este post


Link para o post
Compartilhar em outros sites

entendi entendi...eu nao junto todos os atributos em um background soh pq eu nao sei a ordem e talz, fikava com medo de colocar em ordem diferente e dá erro... mas agora axei um site q tem toda a ordem bunitinha =pvlw pelas dicas!!brigadao!!

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.