Ma questa tabella ha i bordi!!!!

**WebMinus** · 16-10-2011, 22:25

Ciao a tutti.
Ho un problema con una tabella. Vorrei che non ci fossero bordi bianchi, e che di conseguenza l' a:hover funzionasse come si deve, ma non ci riesco. Di seguito il codice HTML e CSS. Ah, vorrei cavarmela con i CSS, senza javascript, se fosse possibile. Grazie a tuttti. Sono sicuro che sia una cavolata ma non ci riesco. Scusate.

HTML:

codice:


<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="stili.css" />
</head>
<boby>

		
	<div>
		<table id="menu">
		<tr>
		<td class="menu1"> menu 1 </td>
		<td class="menu1"> menu 2 </td>
		<td class="menu1"> menu 3 </td>
		<td class="menu1"> menu 4 </td>
		<td class="menu1"> menu 5 </td>
		<td class="menu1"> menu 6 </td>
		<td class="menu1"> menu 7 </td>
		<td class="menu1"> menu 8 </td>
		<td class="menu1"> menu 9 </td>
		<td class="menu1"> menu 10 </td>
		<td class="menu1"> menu 11 </td>
		</tr>
		</table>
	</div>

</body>
</html>

CSS

codice:

#menu {
	border: 1px solid lime;
	width: 980px;
	height: 32px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}

#menu table {
	border: 1px solid red;
	padding: 0px;
	margin: 0px;
	}
td {
	background-color:#8a8d91;
	border: 0px;
	padding: 0px;
	margin: 0px;
	
	}

tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
#menu a {
	color:white;
	}

#menu td:hover {
	background-color:#3c4143;
	}

Grazie ancora.

**carlomarangoni** · 17-10-2011, 00:00

Non ho capito bene coso vuoi ma ecco un codice per ciò che ho intuito
CSS

codice:

#menu {
	text-align: center;
	width: 980px;
	height: 32px;
	border: 1px solid red;
	padding: 0px;
	margin: 0px;
	}
td {
	background-color:#8a8d91;
	border: 0px;
	padding: 0px;
	margin: 0px;
	
	}	
table#menu td a {
	color: white;
	}
table#menu td:hover {
	background: #3c4143;
	}

HTML

codice:

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="stili.css" />
</head>
<boby>

		
	<div>
		<table border="0" cellpadding="0" cellspacing="0" id="menu">
		<tr>
		<td class="menu1"> menu 1 </td>
		<td class="menu1"> menu 2 </td>
		<td class="menu1"> menu 3 </td>
		<td class="menu1"> menu 4 </td>
		<td class="menu1"> menu 5 </td>
		<td class="menu1"> menu 6 </td>
		<td class="menu1"> menu 7 </td>
		<td class="menu1"> menu 8 </td>
		<td class="menu1"> menu 9 </td>
		<td class="menu1"> menu 10 </td>
		<td class="menu1"> menu 11 </td>
		</tr>
		</table>
	</div>

</body>
</html>

Ricorda che i menu non si fanno con le tabelle ma con le liste non ordinate

Discussione: Ma questa tabella ha i bordi!!!!

Strumenti discussione

Ricerca discussione

Visualizza

Ma questa tabella ha i bordi!!!!

Permessi di invio