28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Il y a quelque temps, j'ai décidé de mettre à jour mes connaissances en matière de HTML, et j'ai donc bossé avec l'excellent livre de Mathieu Nebra, "XHTML et CSS". Pour m'entraîner, j'ai entièrement refait le site de ma boîte (http://www.microlinux.fr) en essayant le plus possible de me conformer aux standards W3C.

Le site actuel est normalement valide selon les standards, mais il y a quelques petits problèmes que j'aimerais résoudre. Une chose après l'autre.

Jetez un oeil sur la page suivante:

http://www.microlinux.fr/captures.html

J'ai fait un truc pas très catholique, dans le sens où les tableaux sont normalement réservés justement à l'affichage de données tabulaires... et pas à la mise en page. Simplement je ne savais pas comment faire avec les CSS, donc en attendant j'ai fait avec cette bidouille (qui passe d'ailleurs au validateur Smiley ohwell )

Q: comment je peux faire pour remplacer tout ça par du CSS ? Y'a une bonne astuce ? Le principal problème avec cette page, c'est qu'elle s'affiche n'importe comment dans IE6 (où toute la galerie est repoussée vers le bas de la page, en-dessous du menu de navigation Smiley bawling )

Des suggestions ?
Administrateur
Hello,

Pourquoi ne pas utiliser tout simplement des éléments de liste (li) que tu disposerais les uns à côté des autres à l'aide de la règle "float: left" ?
(Ou encore en adoptant un "display: inline-block")
Tu as en plus la "chance" d'avoir toutes tes images de la même dimension. Perso j'opterai tout simplement pour une balise "p" avec les liens sur images les uns à la suite des autres; et d'une petite couche CSS avec un pading-top/ou bottom et d'un padding left/ou right