Corrections / Ajouts FAQ CSS/xHTML
En vert : mes corrections orthographiques
En italique : mes ajouts à la Q/R
HTML
1.1. Doctype et recommandations du W3C
Citation:
Envoyé par Question
[QR][MAJ] Quel doctype déclarer en début de page ?
Citation:
Envoyé par Réponse
DTD pour le HTML 5 (Pas encore standardisé) :
<!DOCTYPE HTML>
Citation:
Envoyé par Question
[QR][MAJ] Comment savoir si mon code est syntaxiquement valide ?
Citation:
Envoyé par Réponse
Ajouter une puce sur les extensions Firefox.
o Il est possible, pour Firefox tout du moins, de rajouter une extension permettant d'avoir un contrôle en temps réel sur la validation de la page en cours de consultation dans son navigateur. Pour ne citer qu'elles : HTML Validator (de loin ma préférée), Total Validator, ou même celles fournies par le W3C himself : CSS validator, Page validator et RSS validator. Chrome propose les mêmes extensions dans son catalogue.
1.2. Utilisations des balises et de leurs attributs
Citation:
Envoyé par Question
[QR][MAJ] À quoi servent les balises meta ?
Citation:
Envoyé par Réponse
Il me semble qu'il est important de rajouter que l'on peut aussi y préciser le type d'encodage pour la page.
Citation:
Envoyé par Question
[QR][MAJ] J'ai des caractères bizarres qui s'affichent, comment définir l'encodage de ma page ?
Citation:
Envoyé par Réponse
iso-8859-15 :gère également le sigle de la monnaie européenne euro (€), ainsi que les ligatures du e dans o (œ) et quelques autres caractères accentués (Š, š, Ž, ž et Ÿ).
2. Techniques
Citation:
Envoyé par Question
[QR][MAJ] Comment insérer une icône dans l'URL de la barre de navigation avant le http ?
Citation:
Envoyé par Réponse
Il est possible pour Firefox, Chrome, Opera et Safari, de définir des favicon avec d'autres formats d'image que l'ICO, notamment le PNG, le MNG animé, le APNG ou encore le GIF.
Internet Explorer quant à lui ne supporte que l'ICO jusqu'à la version 9.
2.4. Formulaires
Citation:
Envoyé par Question
[QR][MAJ] Comment positionner le curseur sur un champ du formulaire en cliquant sur sa description ?
Citation:
Envoyé par Réponse
"Utilisez la, trop peu connue, l'élément label : " - Utilisez le trop peu connu, label
CSS
1.1. Syntaxe
Citation:
Envoyé par Question
[QR][MAJ] Comment définir une couleur ?
Citation:
Envoyé par Réponse
Ajout du rgba()
rgab : ce n'est ni plus ni moins que la version rgb gérant la couche Alpha ou dite de transparence. Les valeurs varient entre 0 et 1 compris et se déclare de la sorte :
background-color: rgb(0, 255, 0, 0.5); /* Rouge semi-transparent */
Attention : il s'agit d'une propriété CSS version 3 et n'est donc pas disponible sur tous les navigateurs. Assurez-vous de sa compatibilité avant de l'employer.
Citation:
Envoyé par Question
[QR][MAJ] Comment définir le chemin d'une image en CSS ?
Citation:
Envoyé par Réponse
Pour définir le chemin d'une image en CSS, vous devez utilisez la la notation fonctionnelle url(). - Un "la" en trop et "vous devez utiliser"
J'ai pas corrigé la phrase d'origine pour le correcteur de la FAQ.
2.1.1. Polices
Citation:
Envoyé par Question
[QR][MAJ] Comment définir la police d'un élément ?
Citation:
Envoyé par Réponse
TODO: Lien vers la question sur les polices génériques - Je crois que c'est fait. Rajouter ma Q/R sur @font-face ?
2.1.2. Effets de style
Citation:
Envoyé par Question
[QR][MAJ] Pourquoi les propriétés text-align ne fonctionnent pas sur les éléments de rendu inline ?
Citation:
Envoyé par Réponse
<span style="bloc">Mon texte</span> - remplacer style par class.
2.2. Positionement
Citation:
Envoyé par Question
[QR][MAJ] Comment centrer verticalement un élément block ?
Citation:
Envoyé par Réponse
On peut utiliser le positionnement absolue couplé à expression() CSS de Microsoft afin d'aboutir à un résultat satisfaisant. - pas de "e" à absolu
2.3.1. Bordures
Citation:
Envoyé par Question
[QR][MAJ] Comment ajouter une bordure à un élément ?
Citation:
Envoyé par Réponse
Note : il est possible de définir une bordure avec une seule ligne de CSS grâce à la propriété border. Exemple : border: 1px solid red;
2.3.2. Arrière-plans
Citation:
Envoyé par Question
[QR][MAJ] Comment définir une couleur de fond dans un champ de type Input ?
Citation:
Envoyé par Réponse
Mettre les noms des balises HTML dans les exemples de code en minuscules.
2.6. Impression
Citation:
Envoyé par Question
[QR][MAJ] Est-il possible de supprimer l'url qui s'affiche en entête de la page ?
Citation:
Envoyé par Réponse
URL en majuscule
2.7.1. Internet Explorer
Citation:
Envoyé par Question
[QR][MAJ] Comment simuler le style CSS "position : fixed" sous Internet Explorer ?
Citation:
Envoyé par Réponse
Pour le faire, on utilisera le code suivante : - suivant sans "e"
Citation:
Envoyé par Question
[QR][MAJ] Comment simuler un min-height avec Internet Explorer 6 ?
Citation:
Envoyé par Réponse
Dans le code : le sélécteur * html - sélecteur
Citation:
Envoyé par Question
[QR][MAJ] Pourquoi sur IE6, mon texte se répète-t-il ?
Citation:
Envoyé par Réponse
(les , les éléments en display: none et les champs cachés). - les quoi ? Contacter l'auteur ?
Citation:
Envoyé par Question
[QR][MAJ] Comment corriger le problème de transparence des PNG24-32 sous IE6 ?
Citation:
Envoyé par Réponse
ne gère pas , les zones - pas d'espace avant la virgule
Citation:
Envoyé par Question
[QR][MAJ] Comment fixer l'arrière plan d'un input texte sous Internet Explorer ? - arrière-plan
Citation:
Envoyé par Réponse
l'arrière plan - idem
2.8. Structures
Citation:
Envoyé par Question
[QR][MAJ] Comment positionner un footer en bas de page ?
Citation:
Envoyé par Réponse
Pour cela, nous allons avoir recours au faq positionnement absolue. - pas de "e" à absolue | Plusieurs occurrences dans le texte
2.9. Autres
Citation:
Envoyé par Question
[QR][MAJ] Comment changer la couleur d'un lien lors d'un évènement ?
Citation:
Envoyé par Réponse
Mise en forme de la liste (ajout des ; )
active : actif lors du clic sur le lien ;
focus : actif lorsque que le lien reçoit la focalisation (obtenue à l'aide de la touche TAB) ;
hover : actif lors du survol ;
link : état par défaut du lien ;
visited : actif quand le lien a déjà été cliqué.
