Page internet avec css

michelaunay Messages postés 17 Statut Membre -  
mohammedeve Messages postés 50 Statut Membre -
Bonjour à tous et merci d'avance à qui m'aidera.
voila mon problème, (c'est un exercice que je ne parviens pas à faire seul, je suis un petit nouveau en ce domaine...)
On me demande de réaliser une liste numérotée avec une feuille de style externe ayant pour nom: liste_numerotee.css et permettant d'afficher ceci dans le navigateur:


1. Ce point possède une lettre minuscule
a. Ce point possède une lettre minuscule
b. ce point possède une lettre minuscule
2. Ce point possède à nouveau un chiffre arabe

pouvez vous m'aider à écrire le listing de cette page et la feuille de style qui est nécessaire pour l' afficher?
je dois utiliser une feuille de style externe.

voici les précisions données par le "prof" :

l'arrière plan doit être de couleur #99ccff
little Boxes - listes numérotées en <h1>
numérotation en lettres minuscules
numérotation décimale.

Je vous remercie pour votre aide !
Michel.,
A voir également:

1 réponse

mohammedeve Messages postés 50 Statut Membre 1
 
slt!! j'ai fai un petit esseye et j'espere qu'il sera pour toi util.
donc voila la page html (index.html)
ceci est le code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="liste_numerotee.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>
</head>

<body>
<ul>
<h1>1.</h1><li> Ce point possède une lettre minuscule </li>
<h1>a.</h1> <li>Ce point possède une lettre minuscule </li>
<h1>b.</h1><li> ce point possède une lettre minuscule </li>
<h1>2.</h1><li> Ce point possède à nouveau un chiffre arabe </li>




</ul>
</body>
</html>

voila la page css.

/* liste_numerotee */
body{
background:#99ccff;
margin:0;
padding:0;
}

ul{
list-style-type:none;
}
ul li{
font:Arial, Helvetica, sans-serif;
font-size:110%;
color:#333333;
}
ul h1{
font:normal ,Arial, Helvetica, sans-serif;
font-size:110%;
float:left;
margin:0;
padding:0;
}
0