Ir para conteúdo

POWERED BY:

Arquivado

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

o cara¬¬

como alinhar imagem com css e fazer menu horizontal?

Recommended Posts

gente, estou aqui mais uma vez pedido ajuda!

 

vcs sabem como alinhar uma imagem com o código CSS?

 

e fazer um menu horizontal?

 

por favor, me ajudem!

 

obrigado desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Menu na horizontal tem varios tipos digite no GOOGLE que você vai encontrar

ou aqui na busca do forum mesmo ;)

 

como seria esse alinhamento, é imagem mesmo com TAG <img> ou pode ser um "background"?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Menu na horizontal tem varios tipos digite no GOOGLE que você vai encontrar

ou aqui na busca do forum mesmo ;)

 

como seria esse alinhamento, é imagem mesmo com TAG <img> ou pode ser um "background"?

acho que tag <img> mesmo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

esquerda

img{
float:left;
}

direita

img{
float:right;
}

centro

img{
margin: 0 auto;
}

com background(ao qual pode ser bem melhor trabalhada em varios casos):

elemento{
background: transparent url(imagem.gif) center no-repeat;
}

elemento{
background: transparent url(imagem.gif) left no-repeat;
}

elemento{
background: transparent url(imagem.gif) right no-repeat;
}

elemento{
background: transparent url(imagem.gif) bottom no-repeat;
}

elemento{
background: transparent url(imagem.gif) top no-repeat;
}

e tambem alguns atributos podem se juntar tipo center+top

elemento{
background: transparent url(imagem.gif) center top no-repeat;
}
ps.: Elemento se refere a alguma TAG que você queira adicionar background

falow ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigos, estou me matando para conseguir centralizar um menu e não sei onde mexer ja tentei todas as dicas aqui... segue abaixo o codigo do meu css:

 

#cssmenu{ height:37px;width:100%; padding:0; display:block; margin:0; border:1px solid; border-radius:5px;}

#cssmenu > ul {list-style:inside none; padding:0; margin:0 ; }

#cssmenu > ul > li {list-style:inside none; padding:0; margin:0 ; float:left; display:block; }

#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }

 

 

Ele fica na parte de cima do site, tem tipo HOme/ A empresa/ Contato/ Ect.... só que fica alinhado á esquerda e não centraliza jamais... me ajudem obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigos, estou me matando para conseguir centralizar um menu e não sei onde mexer ja tentei todas as dicas aqui... segue abaixo o codigo do meu css:

 

#cssmenu{ height:37px;width:100%; padding:0; display:block; margin:0; border:1px solid; border-radius:5px;}

#cssmenu > ul {list-style:inside none; padding:0; margin:0 ; }

#cssmenu > ul > li {list-style:inside none; padding:0; margin:0 ; float:left; display:block; }

#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }

 

 

Ele fica na parte de cima do site, tem tipo HOme/ A empresa/ Contato/ Ect.... só que fica alinhado á esquerda e não centraliza jamais... me ajudem obrigado.

 

 

Você poderia ter desconsiderado este tópico antigo (e bota antigo nisso) e criado um novo.

 

Mas enfim, você pode colocar "margin: 0 auto" na lista. Se só isso não funcionar, declare no pai dela um "text-align: center". :thumbsup:

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.