Hover dd et dt
nico
-
Zero -
Zero -
Bonjour,
j'ai mis html
et css
le truc quand je passe la souris , il fat bien hover mais pas sur la ligne entier juste sur le passage dd et dt
comment faire pour mettre un hover sur le passage de la ligne entier
merci
j'ai mis html
<dl id="profil-localisation">
<dt>pays :</dt><dd>français</dd>
<dt>région :</dt><dd>ile de france</dd>
<dt>ville :</dt><dd>paris</dd>
<dt>code postale :</dt><dd>75012</dd>
<dt>distance :</dt><dd>je suis à 100 km de toi</dd>
</dl>
et css
#profil-localisation
{
border:1px solid #000000;
border-top:0;
border-bottom:0;
margin:0;
}
#profil-localisation dt
{
float:left;
width:30em;
padding:1em;
border-bottom:1px solid #000000;
background-color:#CCCCCC;
}
#profil-localisation dd
{
padding:1em;
margin-left:30em;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#CCCCCC;
}
#profil-localisation dt:hover, #profil-localisation dd:hover
{
background:#EEEEEE;
}
le truc quand je passe la souris , il fat bien hover mais pas sur la ligne entier juste sur le passage dd et dt
comment faire pour mettre un hover sur le passage de la ligne entier
merci
Configuration: Windows / Chrome 71.0.3578.98
A voir également:
- Hover dd et dt
- Test dd - Télécharger - Informations & Diagnostic
- Cloner un dd - Guide
- Fichier .dd - Forum Windows
- Mergefield date @ dd/mm/yyyy ✓ - Forum Word
- Fichier dd ✓ - Forum Matériel & Système
1 réponse
Salut !
Essaie ça :
Essaie ça :
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#profil-localisation {
width: 100%;
border-collapse: collapse;
background: #CCCCCC;
}
#profil-localisation th {
text-align: left;
}
#profil-localisation tr:hover
{
background:#EEEEEE;
}
</style>
</head>
<body>
<table id="profil-localisation" border=1 cellpadding="10">
<tr>
<th>pays :</th>
<td>français</td>
</tr>
<tr>
<th>région :</th>
<td>ile de france</td>
</tr>
<tr>
<th>ville :</th>
<td>paris</td>
</tr>
<tr>
<th>code postale :</th>
<td>75012</td>
</tr>
<tr>
<th>distance :</th>
<td>je suis à 100 km de toi</td>
</tr>
</table>
</body>
</html>
