Mam taką oto tabelkę:

[CSS] pobierz, plaintext 
.tabelka
{
	border: 2px solid #fefb02;
	border-right: 0px;
	border-left: 0px;
	cursor: pointer;
}
.tabelka td
{
	height: 36px;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #fefb02;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
}
[CSS] pobierz, plaintext 

jak sprawić, by:
nie było 1-pixelowych odstępów między borderami
border działał między elementami (kiedy ustawię border-top, to pojawi się i na górze robiąc dwie warstwy)

HTML tabelki:

[HTML] pobierz, plaintext 
<table class="tabelka">
	<tr>
		<td width="30">NR</td>
		<td width="360">TYTUŁ</td>
		<td width="63">TYP</td>
		<td width="81">ODCINKI</td>
		<td width="126">ROK WYDANIA</td>
		<td width="91" style="border-right:0px;">OCENA</td>
	</tr>
	<tr>
		<td>1</td>
		<td>Bajabongo</td>
		<td>TV</td>
		<td>69/69</td>
		<td>2012</td>
		<td style="border-right:0px;">5/5</td>
	</tr>
</table>
[HTML] pobierz, plaintext 

dodatkowo, czemu javascript nie działa?

[JAVASCRIPT] pobierz, plaintext 
$('.tabelka tr').hover(function() {
	$(this).children('td').css('color', '#fefb02');
}, function() {
	$(this).children('tr').css('color', 'white');
});
 
//w ostatnim dziecku każdego <tr> usuwam border-right. chciałem to zrobić javascriptem, ale również nie działa:
$('.tabelka tr td').last().css('border-right', '0px');
[JAVASCRIPT] pobierz, plaintext 

dodam też, że tabelka tworzy się, usuwa, aktualizuje javascriptem

Nie widze żadnych przerw. Może już mam coś ze wzrokiem.
Co do hovera i ostatniego bordera to wszystko można zrobić w CSS:
http://jsfiddle.net/N8r9H/5/

co do css, w sumie racja. dzięki za nakierowanie.

jeśli chodzi o ten 1px przerw, to na jsfiddle jest ok, ale spróbuj zrobić dokument z tym kodem i zobaczysz, że jest nie tak

po zdebugowaniu iframe z jsfiddle doszedłem do rozwikłania zagadki. wystarczy dodać do .tabelka:

[CSS] pobierz, plaintext 
border-collapse: collapse;
[CSS] pobierz, plaintext 

dzięki za zainteresowanie tematem