Allez plus loin dans le numérique
36 utilisateurs connectés
feuille de style...
michelaunay
le 24 février 2009 à 12h40
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? en html cela allait mais en Xhtml...
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.
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? en html cela allait mais en Xhtml...
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.
répondre
prog++
le 24 février 2009 à 15h02
Bonjour
Techniquement, le html et le xml diffèrent peu... A part que dans le xhtml, on préfère grandement les feuilles de styles aux balises de mise en forme type <i>, <b>, ...
La documentation très officielle : quelque part dans http://www.w3.org/MarkUp/
Personnellement j'utilise le XHTML 1.1 : http://www.w3.org/TR/xhtml11/
Le xhtml oblige aussi à ajouter quelques déclaration au début du document.
Ce qui en HTML était :
devient en XHTML 1.1 :
Le xhtml à une autre restriction, c'est que TOUTES les balises doivent êtres fermées.
Donc, ceci qui était correct en HTML :
N'est plus valide en xhtml, et devient pour être valide :
Ou en version plus courte :
Ce qui touche entre autres les balises très utilisées suivantes : <p> <hr> <img> <li> <meta> <link>...
Tous les arguments doivent avoir une valeur :
Valide en html, mais sûrement pas en xhtml :
Toujours pas valide
Valide
Bon je vais pas te faire le boulot, mais je vais te donner ou chercher pour tes css :
http://www.w3.org/Style/Examples/011/firstcss.fr.html (Attention : c'est codé en html 4, a toi de le remettre en XHTML ! C'est pas difficile...)
http://www.w3.org/TR/CSS21/
http://www.w3.org/TR/CSS21/generate.html
Voilà ça devrait être pas mal...
hésite pas si ça pose encore problème. Et un conseille : Quand tu joues avec les styles, essaye avec plusieurs navigateurs (le mieux c'est Internet Explorer + Firefox + Opera + (Safari ou Google Chrome) pour avoir testé la majorité des moteurs), et valide le sur le site du w3c.
Techniquement, le html et le xml diffèrent peu... A part que dans le xhtml, on préfère grandement les feuilles de styles aux balises de mise en forme type <i>, <b>, ...
La documentation très officielle : quelque part dans http://www.w3.org/MarkUp/
Personnellement j'utilise le XHTML 1.1 : http://www.w3.org/TR/xhtml11/
Le xhtml oblige aussi à ajouter quelques déclaration au début du document.
Ce qui en HTML était :
<html>
devient en XHTML 1.1 :
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
Le xhtml à une autre restriction, c'est que TOUTES les balises doivent êtres fermées.
Donc, ceci qui était correct en HTML :
<hr>
N'est plus valide en xhtml, et devient pour être valide :
<hr></hr>
Ou en version plus courte :
<hr />
Ce qui touche entre autres les balises très utilisées suivantes : <p> <hr> <img> <li> <meta> <link>...
Tous les arguments doivent avoir une valeur :
Valide en html, mais sûrement pas en xhtml :
<hr noshade>
Toujours pas valide
<hr noshade></hr>
Valide
<hr noshade="noshade"></hr>
Bon je vais pas te faire le boulot, mais je vais te donner ou chercher pour tes css :
http://www.w3.org/Style/Examples/011/firstcss.fr.html (Attention : c'est codé en html 4, a toi de le remettre en XHTML ! C'est pas difficile...)
http://www.w3.org/TR/CSS21/
http://www.w3.org/TR/CSS21/generate.html
Voilà ça devrait être pas mal...
hésite pas si ça pose encore problème. Et un conseille : Quand tu joues avec les styles, essaye avec plusieurs navigateurs (le mieux c'est Internet Explorer + Firefox + Opera + (Safari ou Google Chrome) pour avoir testé la majorité des moteurs), et valide le sur le site du w3c.
-->Message édité par prog++ le 24/02/2009 15:04:05<--
SimMaster
le 06 mars 2009 à 18h12
N'est plus valide en xhtml, et devient pour être valide :
<hr></hr>
Ou en version plus courte :
<hr />
<hr></hr>
Ou en version plus courte :
<hr />
Il me semble que la balise <hr> n'a pas de balise de fermeture.
http://www.w3.org/TR/html4/present/graphics.html#h-15.3
-->Message édité par SimMaster le 06/03/2009 18:12:55<--
-------
SimMaster,
http://www.progmatique.fr (Site sur la programmation et l'informatique)
http://www.codeswall.info (Colorisation de codes source)
SimMaster,
http://www.progmatique.fr (Site sur la programmation et l'informatique)
http://www.codeswall.info (Colorisation de codes source)
prog++
le 13 mars 2009 à 08h34
Pour le HTML seulement. Plus en XHTML, toutes les balises doivent être fermées. Cela vient de la source xml du XHTML. Quand le document est reconnu en XHTML et que le navigateur rencontre <hr> tout seul, il va raler.
SimMaster
le 19 mars 2009 à 13h42
Je me suis mal exprimé 
Je pensais que <hr></hr> n'existait pas du tout.
Mais :
Au temps pour moi
Je pensais que <hr></hr> n'existait pas du tout.
Mais :
4.6. Empty Elements
Empty elements must either have an end tag or the start tag must end with />. For instance, <br/> or <hr></hr>. See HTML Compatibility Guidelines for information on ways to ensure this is backward compatible with HTML 4 user agents.
CORRECT: terminated empty elements
<br/><hr/>
INCORRECT: unterminated empty elements
<br><hr>
Empty elements must either have an end tag or the start tag must end with />. For instance, <br/> or <hr></hr>. See HTML Compatibility Guidelines for information on ways to ensure this is backward compatible with HTML 4 user agents.
CORRECT: terminated empty elements
<br/><hr/>
INCORRECT: unterminated empty elements
<br><hr>
Au temps pour moi
-->Message édité par SimMaster le 19/03/2009 13:44:06<--
-------
SimMaster,
http://www.progmatique.fr (Site sur la programmation et l'informatique)
http://www.codeswall.info (Colorisation de codes source)
SimMaster,
http://www.progmatique.fr (Site sur la programmation et l'informatique)
http://www.codeswall.info (Colorisation de codes source)
AIDE DU FORUM
FORUMS THÉMATIQUES
- Tutoriels |
- Windows et autres OS |
- Matériels (achat, configuration, pannes) |
- Logiciels |
- Accès Internet et réseaux |
- Sécurité (problèmes et logiciels pour y remédier) |
- Sites Internet |
- Photo et vidéo numériques |
- Jeux vidéo |
- Programmation
FORUMS GÉNÉRAUX
publicité
Messages des modérateurs
A lire aussi
AIDE DU FORUM
FORUMS THÉMATIQUES
- feuille de style...
- Excel : lenteur de réponse sur une feuille
- Excel : déplacement feuille avec erreur de date
FORUMS GÉNÉRAUX
 |
 |
Application iPhone 01netpro
L’actualité Pro 24h/24, sur votre iPhone avec SAP.
|
 |
||
L'ORDINATEUR INDIVIDUEL
Le mensuel informatique qui vous informe et vous conseille.
Nous contacter
|
Charte de confiance
|
Voir notice légale
01net. - 01men - RMC - BFM Radio - BFM TV - TousLesPodcasts - 01informatique.fr - Association RMC-BFM
01net. - 01men - RMC - BFM Radio - BFM TV - TousLesPodcasts - 01informatique.fr - Association RMC-BFM
Tous droits réservés © 1999 - 2009 Internext - 01net.