Problema com Bordas

[Matheus Weber 4]

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:

[William Bruno 1501]

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.

[Matheus Weber 4]

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

[Diéssica 140]

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.