Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom, estou fazendo uma tabela em css pra mostar um calendário, o problema é que não consigo arrumar as bordas internas de jeito nenhum, elas ficam sempre dobradas...
Já tentei border-collapse, mas ele só pior mais ainda meu código...
Segue abaixo o codigo:
#calendario3 table{
margin-bottom:15px;
border-spacing:0px;
}
#calendario3 th{
font-family:BariolRegularRegular;
font-size:14px;
line-height:150%;
letter-spacing:0.1em;
font-weight:normal;
padding:3px;
color:#6BD4EA;
color: #6BD4EA;
font-weight: 200;
font-size: 23px;
}
#calendario3 th b{
font-weight:200;
}
#calendario3 td{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #666;
border: 2px solid #ccc;
text-align: center;
background-color: white;
height: 56px;
width: 56px;
padding:0px;
border-spacing:0px;
}
#calendario3 tr{
border: none;
}
#calendario3 .mesAno{
background: #0091be;
width: 423px;
height: 29px;
padding-top: 2px;
padding-bottom: 3px;
float:left;
margin-left:5px;
text-align:center;
margin-bottom:10px;
color:white;
}
.novaAgenda{
margin-top:40px;
}
#calendario3 .calendario2{
width: 664px;
margin-left: auto;
margin-right: auto;
height: 90%;
padding-left: 62px;
margin-top: 5px;
padding-right: 178px;
}
#calendario3{
width: 733px;
}
Abaixo segue como tá ficando o calendário:
/applications/core/interface/imageproxy/imageproxy.php?img=http://imageshack.us/scaled/landing/571/tableg.png&key=5e85482fc7efd6b3dab11821aa2f9e8219a53ebcf8466dce0fb98540be7316f5" alt="tableg.png" />
Ae que tá, o codigo é gerado pelo php, não tem como eu saber quando vai ter coisa em cima ou embaixo.
Pensei que tinha como resolver pelo CSS hehe
Já tentou os seletores complexos do CSS3? Dá para manipular varias exceções.
Você pode deixar com a borda de baixo apenas os elementos da última linha (tr, acredito) da tabela. E o resto se baseia com a borda do topo de cada td.
Leia o :seta: artigo da W3C. Essa parte do CSS é mais técnica, mas vale a pena. Os :nth fazem milagres. ;)
Tente fazer. Se tiver dúvidas, dessa vez poste o HTML. Essas pseudo-classes dependem muito da estrutura do elemento.
border-collapse é apenas para tabelas.
para fazer oq vc quer, vc tem q excluir algumas bordas, por exemplo colocando só do lado direto e de baixo.