2 p'tites questions CSS et 1 question sur W3C ?

lekouti · 5 Septembre 2004

Bonjour a tous,

TT d'abort la page sur laquelle j'ai mes 2 question CSS à vous posez.

http://arnaudpoilleux.free.fr/css/portrait.php

La 1er est de savoir comment je peux fair pour centrer verticalement l'ensembles des vignettes dans la <div> central, egalement comment je peux choisir l'espace entre tte les vignettes ??

La 2em c'est sur l'icon "home" en bas que j'aimerai centre dans sa <div> comment faire ??

Enfin sur W3C, j'ai tenter de voir si ma page estait valide en HTML 4.01...elle ne l'ai pas mais je comprent pourquoi ?? vois resulta de la requete w3c :

http://validator.w3.org/check?uri=http://arnaudpoilleux.free.fr/css/portrait.php

Merci a tous

Yo@nn · 5 Septembre 2004

Pour la validation HTML, commence par mettre cette ligne tout en haut :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Puis remplace les & par &

lekouti · 5 Septembre 2004

ok super, merci c bon la page est valide.

Et pour mes ti pb en css vous avez une idée ??

Merci

Yo@nn · 5 Septembre 2004

Quant au CSS :

Pour les vignettes, normalement il faudrait mettre :
vertical-align : center;
Mais en général ça ne fonctionne pas, donc tu peut jouer en modifiant : margin-top: 0%; en essayant d'augmenter le pourcentage.

Pour le Home, tu as mis : background: url(vignette/home2.jpg) top left no-repeat;
Essaye de mettre center au lieu de left peut être, sinon tu peut aussi mettre l'image avec une balise img au lieu de la mettre en background

[Edit] PS: Joli site

Racine · 7 Septembre 2004

Aïe, le centrage vertical en CSS : tout un bazar, vertical-align n'étant conçu que pour l'alignement des éléments en ligne.

Tu peux tenter la technique des marges négatives ( http://www.alsacreations.com/articles/centrer/ ). A voir...

McPeter · 7 Septembre 2004

Salut
en HTML 4.01 tu peux utiliser cette "astuce" ...
Perso je ne m'en sert plus mais bon ;o)

=> http://www.blinckers-groups.com/cours/tableau_2.php

@++