Style

Eléphanteau du PHP | 12 Messages

06 déc. 2012, 16:50

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.

Eléphant du PHP | 130 Messages

06 déc. 2012, 20:15

Tu rajoute un style css sur tes liens.
   #lien_nom:hover {
        color: "code couleur html";
    }

Avatar du membre
Mammouth du PHP | 1609 Messages

06 déc. 2012, 21:21

Oui, par contre, petit commentaire, un id c'est sensé être unique dans la page !
Développeur web depuis + de 20 ans

Eléphant du PHP | 130 Messages

06 déc. 2012, 21:26

L'idéal serait de créer une classe.

ViPHP
ViPHP | 1996 Messages

10 déc. 2012, 23:27

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
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr