28112 sujets

CSS et mise en forme, CSS3

Bonjour,
je voudrais avoir une page d'accueil avec 6 cadres répartis sur l'écran (deux rangées de 3 cadres
- - -
- - -
J'ai utilisé

.A{position: fixed; left: 10%;top: 28%}
.B{position: fixed; left: 40%;top: 28%}
.C{position: fixed; left: 70%;top: 28%}
.D{position: fixed; left: 10%;top: 58%}
.E{position: fixed; left: 40%;top: 58%}
.F{position: fixed; left: 70%;top: 58%}


Mais c'est pas très élégant comme méthode.
Est ce qu'il y a une autre méthode?
Avec les tableaux?
Ou utiliser Flex?

Merci pour votre aide.
Administrateur
Hello,

Qu'appelles-tu des "cadres" ? Quelle est leur fonction et quelles seraient les contraintes ? (par exemple quel comportement en responsive ?)
Hello Hello,
en fait, il s'agit juste d'images jpg.
6 images qui resteraient dans la même position sur l'écran
- - -
- - -
et pour le responsive en tablette et mobile, c'est pas prévu pour l'instant.

Merci
Il faut aussi préciser si c'est avec ou sans gouttières, parce qu'en fonction de la technique utilisée ça change tout. De même, si le responsive est à prévoir un jour tout sera peut-être à jeter à la poubelle, alors que si l'on prévoit à l'avance les modifications seront moindres si la technique de départ est la bonne.

Un exemple de pages : Images.
Modifié par Olivier C (03 Apr 2018 - 14:22)
Ah, merci Olivier.
Non pas de gouttières prévues. Juste des images cliquables.

Il faudra de toutes façons que j'utilise un peu de responsive. Au moins pour adapter aux écrans les plus fréquents. 13", 15", 17", 23".