2 replies to this topic

[mporto53]

A parte inferior do logo de minha loja virtual está invadindo o menu horizontal da loja (faixa azul serrilhada em cima) - vide seta branca. Toda vez que tento mexer no css, o header da loja desce inteiro. Algum expert saberia como resolver isso no cascade?

/* Header */
.logo {
float:left;
}
.header-container {
background: url(../images/header-bg.png) repeat-x;
height: 211px;
}
.header {
width: 1012px;
margin: 0 auto;
}
.header .logo {
float:left;
text-decoration:none !important;
margin-top: 6px;
}
.header .logo strong {
position:absolute;
top:-999em;
left:-999em;
width:0;
height:0;
font-size:0;
line-height:0;
text-indent:-999em;
overflow:hidden;
}
.header h1.logo {
margin:0;
padding:0;

[DC_Switch]

no id do menu adiciona um margin-top:5px;
se ainda ficar encostando aumenta o número de pixel ou adiciona um margin-bottom:5px no logo

[rafael-tdc]

se margin-top nao funcionar tenta padding-top (ou bottom)