Sáb 29 Dez 2012, 5:43 pm | |
E ae galera, estou desenvolvendo um pequeno código para alertas via comentários.
Bem, eu não estou conseguindo fazer uma coisa!
veja na imagem que o texto começa exatamente no inicio da borda!
Eu quero colocar o inicio do texto 10px para a direita, para sobrar um tipo de margem, igual em cima e em baixo.
Código desenvolvido até agora.
- Código:
/*CSS Tab*/
#csstabs {
height: 400px; /*Altura fantasma da area*/
position:relative;
width: 100%;
}
#csstabs h3 { /*Título da aba*/
color: #1E90FF;
display: block;
font-size: 14px;
font-weight: bold;
margin:1px;
height: 20px;
padding: 5px 5px 5px 5px;
text-align: center;
border-radius:6px;
}
.tabcontent { /*Conteúdo da aba*/
text-align: center;
height: auto;
width:100%;
border-radius:6px;
}
#tab1 .tabcontent {
background-color: #ddd;
position:absolute;
text-align: left;
top:35px;
height: auto; /*Altura total do conteúdo da aba*/
z-index: 2;
}
#tab1 h3 {
left: 0; /*Distancia da aba e da lateral*/
position: absolute;
top: 0;
z-index: 3;
background-color: #ddd;
}
Imagem do meu problema:
Endereço do meu fórum:
http://staffergroupbr.stuning.net/
Versão do meu fórum:
PHPBB3