Page 1 sur 1

Style

Posté : 06 déc. 2012, 16:50
par Legendkiller06510
Bonjour à tous,
j'affiche un tableau suite à une requete php, tous les noms sont des liens, j'ai réussi à modifier leur couleur mais je voudrais qu'ils changent de coleur lors de leur survol mais je n'y arrive pas.
while($row = mysql_fetch_array($req)) {
echo "<tr>";
echo '<td><a id ="lien_nom" href="personnel.php?username='.$row['identifiant'].'">'. $row['nom'].'</a></td>'; 
echo "<td>". $row['prenom'] . "</td>";
echo "<td>" . $row['civilité'] . "</td>";
echo "<td width=15%>" . $row['fonction'] . "</td>";
echo "<td>" . $row['unite'] . "</td>";
echo "<td>" . $row['unite2'] . "</td>";
echo "<td>" . $row['batiment'] . "</td>";
echo "<td>" . $row['batiment2'] . "</td>";
echo "<td>" . $row['pole'] . "</td>";
echo "<td>" . $row['pole2'] . "</td>";
echo "</tr>";
}
MErci.

Re: Style

Posté : 06 déc. 2012, 20:15
par benv8nam
Tu rajoute un style css sur tes liens.
   #lien_nom:hover {
        color: "code couleur html";
    }

Re: Style

Posté : 06 déc. 2012, 21:21
par Saian
Oui, par contre, petit commentaire, un id c'est sensé être unique dans la page !

Re: Style

Posté : 06 déc. 2012, 21:26
par benv8nam
L'idéal serait de créer une classe.

Re: Style

Posté : 10 déc. 2012, 23:27
par Aureusms
Tu rajoute un style css sur tes liens.
   #lien_nom:hover {
        color: "code couleur html";
    }
Oui mais non!!!
Si tous les liens doivent être modifiés au survol autant utiliser la balise html directement. Pas besoin de id ou de classe ici.
a:hover {
color : (au choix : couleur HTML : #f2cca1 | couleur en anglais : purple | couleur rbg : rgb(0,0,255));
}
et tu peux même personnaliser un peu : comme ils sont compris dans un tableau :
table a:hover{
color : #a1a1a1;
}
Si ton tableau porte une classe comme <table class='tableau'>, tu pourrais écrire :
.tableau a:hover {color : red;}
Cela n'affectera que les liens dans CE tableau (ou tout ceux qui auront la même classe)

Je t'invite à consulter ce site pour définir précisément le DOM qui sera affecté par le CSS : http://www.tomsyweb.com/component/conte ... -connaitre