Table - eliminare effetto 'scacchiera'

[davidl77]

Ciao a tutti ragazzi!

Ho un problemino da neofita:
In una tabella che sto cercando di formattare con CSS ho un effetto 'scacchiera'. Ovvero laddove ci sono campi vuoti, le celle non vengono bordate e questo crea un brutto effetto.

Come far sì che TUTTE le celle vengano bordate, indistintamente dal fatto che contengono o no valori?

Grazie mille,

Qui sotto il codice:

<style type="text/css" media="screen">
	@import "playlist.css";
</style>
<div id="menuDiv"></div>			
<table id = "playlist"  frame = "box"   border = "1" class="playlist"><tr><th  nowrap="nowrap">Code</th><th  nowrap="nowrap">Company legal name</th><th  nowrap="nowrap">Name</th><th  nowrap="nowrap">Last name</th><th  nowrap="nowrap">Company Address</th><th  nowrap="nowrap">Company - Province</th></tr><tr id= ""   name =""><td></td><td>Prova</td><td></td><td></td><td>&nbsp</td><td></td></tr><tr id= "++++++++"   name ="++++++++"><td>++++++++</td><td></td><td></td><td></td><td>&nbsp</td><td></td></tr><tr id= "000000000000068"  name ="000000000000068"><td>000000000000068</td>
</tr></table
</form>

</p> 
   </p>
  </body>
</html>

dove playlist.css è il seguente:

body {
	margin: 1px;
	font-family: "lucida grande", verdana, lucida, sans-serif;
	font-size: 8pt;
}

li {
	padding-bottom: 4px;
	line-height: 1.5em;
	text-align: justify;
}

p {
	text-align: justify;
	line-height: 140%;
	
}
acronym {
	font-style: normal;
	border-bottom: 1px dotted #ddd;
}

code, pre {
	font-family: courier, monospace;
	color: green;
}	

#bottle {
	width: 410px;
}

	
#playlist {
	border: 1px solid #666666;
}


#playlist td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 6pt;
	padding: 1px 6px;
	border: 1px solid #666666;
	border-left: 1px solid #D9D9D9;
}

#playlist tr.selected td {
	background-color: #3d80df;
	color: #ffffff;

}


#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 6pt;
		padding: 1px 6px;
		border-left: 1px solid #D9D9D9;
	border: 1px solid #666666;
	}

#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
	}
.playlist_right {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 1px 6px;
		border-left: 1px solid #D9D9D9;
		text-align: right
 		display: inline; 
 		float:right;
		}
.form_left {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 1px 1px;
		border-left: 1px solid #D9D9D9;
		text-align: left
		}
.playlist_body {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 6pt;
		 margin:0;
		padding:0;
		border-left: 1px solid #D9D9D9;
		text-align: center
 		display: inline; 
 		float:center;
		background-color: #ffffff;
		color: #ffffff;
			border: 1px solid #666666;
		}

[ybre]

non sono sicurissimo ma credo tu debba mettere


#playlist {
border: 1px solid #666666; empty-cells:show;
}

[gengix]

#playlist {
border-collapse:collapse;
}
#playlist,  #playlist td {
border:solid 1px #666;
}

evita di dichiarare il border direttamente nella struttura del documento.

[davidl77]

Perfetto!!!!!!!!

Grazie mille ragazzi, !!!!!!!!