Page internet avec css

Fermé
michelaunay Messages postés 15 Date d'inscription mercredi 19 janvier 2005 Statut Membre Dernière intervention 17 décembre 2022 - 24 févr. 2009 à 12:29
mohammedeve Messages postés 44 Date d'inscription mercredi 11 février 2009 Statut Membre Dernière intervention 14 avril 2009 - 24 févr. 2009 à 12:55
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 44 Date d'inscription mercredi 11 février 2009 Statut Membre Dernière intervention 14 avril 2009 1
24 févr. 2009 à 12:55
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