Postagens
Male
De acordo com a Imagem acima, Vamos as minhas Duvidas.
1 - Existe um espaço entre o Primeiro Box(topo) e o Segundo Box(box) : COMO deixar eles COLADOS um ao Outro de maneira que o layout continue centralizado no Navegador ?????
Eis o meu Codigo .css :
body {
background-color: #99F;
}
#topo{
width:997px;
height:200px;
margin:0 auto;
border:1px solid black;
}
#menu {
height: 50px;
width: 997px;
font-size:18px;
border:1px solid black;
margin:0px auto;2- Como Centralizar os links horizontalmente, dentro da Div Menu ? Para que as margens esquerda e direita(em branco) fiquem com as mesmas dimensões ?
Eis a Saida que eu achei, porém, depois de muitos numeros testados:
#menu ul{
list-style-type:none;
margin:0px 128px;3- Veem os Quadrados Brancos ? Aquilo é uma IMAGEM, e eu gostaria de que o efeito ''img:hover'' fosse o seguinte : Ao passar o Mouse sobre a imagem(Que também é um link) Ela deveria ''crescer'' verticalmente, do centro, para que chegasse ao limite da Div(dox) Que no caso são as BORDAS pretas.
Pode parecer um pouco complicado mas é o que eu desejo, ao passar o mouse sobre a imagem(link) a imagem aumenta sem ultrapassar as bordas e de maneira centralizada.
A imagem tem 33pixels de altura e a Div tem 50pixels, ela teria que ''crescer'' 8.5px pra cima e pra baixo...Porém, eu nao consigo fazer isso de maneira centralizada.Com o mesmo efeito dos outros links...
Segue o codigo dos links comuns"CLIQUE AQUI" para terem uma noção do efeito hover que eu gostaria(NAS IMAGENS). :
#menu ul li{
display:inline;
float:left;
padding-right:30px;
}
#menu ul li a{
text-decoration:none;
color:#060;
font-size:18px;
padding:14px 0px 15px 0px;
display:block;
background-color: #99F;
}
#menu ul li a:hover{
background-color:#FFF;
color:#955;
}SOU NOVATO E VOU ENCHER VOCES DE DUVIDAS
é a maneira mais fácil de aprender depois de ver dezenas de vide aulas.Obrigado
