Ouaaaaiiii !!!
J'en ai bavé mais ça à fini par marcher.
Je vous ai joint les squelettes avec le CSS.
C'est une base d'un squelette ACCESSIBLE :
- tableaux de mises en page remplacés par des DIV
- mais il reste des choses à valider par BOBBY comme le lien "la suite..."
qui se retrouve à chaque article et qui pointe sur une destination
différente !!
Yves
PS :
Voici les problèmes que j'ai rencontré :
- nombreux tag ou attributs en majuscules !!
<!-- pas bon -->
<acronym TITLE="système de publication pour l'internet">SPIP</ACRONYM>
<!-- OK -->
<acronym title="système de publication pour l'internet">SPIP</acronym>
- pas de <p></p> pour contenir des champs de saisie dans un formulaire
et pas de " /" pour fermer le tag <input>
<!-- pas bon -->
<form>
<label> ... </label>
<input ... />
</form>
<!-- Ok -->
<form>
<p>
<label> ... </label>
<input ... />
</p>
</form>
- attribut id commençant par un nombre :
(ici de champs de saisie d'un formulaire)
<!-- pas bon -->
<label for="1" accesskey="r">Rechercher : </label>
<input type="text" id="1" name="recherche" />
<!-- OK -->
<label for="t1" accesskey="r">Rechercher : </label>
<input type="text" id="t1" name="recherche" />
- <h1></h1> à l'intérieur d'un <p></p>
et ne pas oublier de fermer le tag <br />
<!-- pas bon -->
<p>
il fait beau <br />
<h1>titre de mon article</h1>
la suite
</p>
<!-- Ok -->
il fait beau <br />
<h1>titre de mon article</h1>
<p>
la suite
</p>
sommaire.html (1.89 KB)
pied.html (468 Bytes)
spip_style.css (2.15 KB)