S4 - Javascript

potentiometre.css

body
{
	margin: 30px;
}

.potentiometre
{
	/* Nécessaire pour pouvoir fixer width et height */
	display: inline-block;
	/* Créer un containing block */
	/* pour pouvoir utiliser position: absolute sur le span et l'image */
	position: relative;
	width: 200px;
	height: 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
}

.potentiometre img
{
	position: absolute;
	top: -10px;
	left: -12px;
}

.potentiometre span
{
	/* Nécessaire pour pouvoir fixer width et height */
	display: inline-block;
	position: absolute;
	top: 0px;
	height: 5px;
	background-color: #555;
	border-radius: 3px;
}

.valeur
{
	margin-left: 1em;
}