href a tutta la cella

**siusky** · 27-10-2003, 10:59

ciao a tutti,
ho una tabella del genere

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="33%">1</td>
<td width="33%">2</td>
</tr>
<tr>
<td width="33%">3</td>
<td width="33%">4</td>
</tr>
</table>

vorrei estendere l'href non solo al contenuto della cella, ma a tutta la cella cioè da <td> a </td>

Mi sapete consigliare qualcosa??

non mi viene in mente nulla per farlo..

**Federix** · 27-10-2003, 11:09

Prova con questo CSS:

codice:

.cella {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
}
.cella a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: underline;
}

poi metti nella pagina:

codice:

<tr> 
<td width="33%" class="cella">1</td> 
<td width="33%" class="cella">2</td> 
</tr>

**siusky** · 27-10-2003, 11:27

ho provato ma non funziona

**Federix** · 27-10-2003, 11:59

Prova così:

codice:

.cella {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
}
.cella a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
}
.cella a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

Io utilizzo questo codice e mi funziona benissimo.

**siusky** · 27-10-2003, 12:04

scusa,
non mi funge..
forse sbaglio in qualcosa.

ho fatto una pagina di prova cosi:

<html>
<head>
<title></title>
<style type="text/css">
.cella {
font-family: Arial;
font-size: 12px;
text-decoration: none;
}
.cella a {
font-family: Arial;
font-size: 12px;
text-decoration: none;
}
.cella a:hover {
color: #FFFFFF;
text-decoration: none;
}
</style>

</head>
<body>
<table width="100%">
<tr>
<td width="50%" class="cella">1</td>
<td width="50%" class="cella">2</td>
</tr>
</table>
</body>
</html>

mi potresti dire se a te funziona?

**Federix** · 27-10-2003, 12:10

Ho dimenticato un parametro:

codice:

<html>
<head>
<title></title>
<style type="text/css">
.cella {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
}
.cella a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  display: block;
}
.cella a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
</style>

</head>
<body>
<table width="100%">
<tr> 
<td width="50%" class="cella">1</td> 
<td width="50%" class="cella">2</td> 
</tr> 
</table>
</body>
</html>

**siusky** · 27-10-2003, 12:25

ok funge..
ma perchè funziona solo sulla prima cella, cioè sulla cella dell 1 ?

se passi sulla cella con il 2 non funziona, perchè?

**Federix** · 27-10-2003, 12:26

Ho provato anche io e sulla seconda cella non funziona e, sinceramente, non sò spiegarti il perché. Prova ad interagire sulla proprieta DISPLAY per vedere se risolvi il problem. Altrimenti metti i due link su due righe diverse.

**siusky** · 27-10-2003, 12:34

ok
ora provo
grazie tanto

Discussione: href a tutta la cella

Strumenti discussione

Ricerca discussione

Visualizza

href a tutta la cella

Permessi di invio