texte encadré

11 août 2009, 13:18

Voila un code qui ne marche pas .... je ne sais pas pourquoi :


<style type="text/css">
.bordure{
	border-width:	1px;
	border-style:	solid;
	border-color:	#000000;
}
</style>


<div class="bordure">toto</div>

Code qui marche :

<div style="border-width:	1px;	border-style:	solid;	border-color:	#000000;">toto</div>

Si vous avez des idées je suis preneur !!

@+ Thegritch

11 août 2009, 13:44

L'élément style doit se trouver dans l'élément head, comme suit :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Le titre de la page</title>
<style type="text/css">
.bordure {
  border: 1px solid black;
}
</style>
</head>
<body>
<div class="bordure">toto</div>
</body>
</html>

De plus, il vaut mieux laisser une espace avant l'accolade ouvrante. Soit dit en passant, tu peux grouper les trois propriétés CSS border-* dans la propriété border.

texte encadré

Qui est en ligne