Hover dd et dt

Fermé

nico - 11 janv. 2019 à 11:16
Zero - 16 janv. 2019 à 09:35

Bonjour,
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
Vba cdate format dd/mm/yyyy ✓ - Forum VB / VBA
Partition dd - Guide
Baisser la fatigue d'une dd - Forum jeux en ligne

1 réponse

Réponse 1 / 1

Zero
16 janv. 2019 à 09:35

Salut !

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>

Discussions similaires

[VBA] format de date dans textbox

Ouvrir fichier .dd

Langage sms, Help

Problème publipostage date de naissance

Conversion des coordonnées géographiques dms en dd