Le premier but est de faire un tableau (à plusieurs colonnes ca va de soi) ou les lignes changent de couleur (totalité de la ligne en même temps) quand on passe dessus.
Le second but est d'attacher un lien vers une autre page html à une ligne entière.
Au final on voit la ligen qu'on sélectionne car elle change de couleur au passage de la souris, et on clique pour ouvrir la page correspondante.
Mon code CSS:
Citation :
table#sample {
font-size:14px;
border: solid #000 1px;
width: 700px;
}
tr.sample {
background-color: #CADCFF;
text-align:left;
color:#000;
text-decoration:none;
}
tr.sample:hover{
background-color:#FF6666;
}
.toprow {
font-style: italic;
text-align: center;
background-color: #9FFCCB;
}
|
Mon code HTL:
Citation :
<table id="sample" cellspacing="2">
<tr class="toprow">
<td>Col1</td>
<td>Col2</td>
<td>Col3</td>
</tr>
<tr class="sample">
<td >yyyyyyyyyyyyyyyyyyyy</td>
<td >zzzzzzzzzzzzzzzzzzzz</td>
<td >zzzzzzzzzzzzzzzzzzzz</td>
</tr>
<tr class="sample">
<td >yyyyyyyyyyyyyyyyyyyy</td>
<td >zzzzzzzzzzzzzzzzzzzz</td>
<td >zzzzzzzzzzzzzzzzzzzz</td>
</tr>
<tr class="sample">
<td >yyyyyyyyyyyyyyyyyyyy</td>
<td >zzzzzzzzzzzzzzzzzzzz</td>
<td >zzzzzzzzzzzzzzzzzzzz</td>
</tr>
</table>
|
Remarque 1: Avec ce code, dans firefox, le changement de couleur fonctionne nickel, mais pas du tout sous IE.
Remarque 2: Si je mets une balise <a href""> pour encadrer mes tr, le lien porte bien sur toute la ligne sous IE, mais sous firefox ce n'est absolument pas pris en compte.
Please, ô grands gourous, help!
Message édité par Zxyankxya le 01-04-2005 à 16:03:11