26427 sujets

CSS et mise en forme, CSS3

Bonjour,

J’intègre une maquette et j’ai du mal à structurer mes éléments html.
Voici la maquette : http://blazrobar.com/free-psd-website-templates/fitness-free-photoshop-psd-template/
Voici le début de mon intégration : https://jsfiddle.net/shqm4t9y/
Pour la structure html je considère qu’il y a un header et 3 articles est une liste de petit article et un footer. Est-ce correct ?

Le premier problème que je rencontre c’est je ne vois plus le menu principal. Il est caché par le premier article. J’ai utilisé la méthode suivante https://www.alsacreations.com/astuce/lire/1216-arriere-plan-background-extensible.html pour placer l’image de façon extensible

Pour les articles j’ai donné un height de 300 % pour chaque article comme il y en 3. Puis je donne au contenu à l’intérieur 50%. Est-ce correct ?

Merci d'avance.
Modifié par dop10 (14 Sep 2018 - 21:13)
Hello!

Je ne vois aucun article sur cette maquette. Un article est une "partie" d'un site qui reste compréhensif sans son contexte original, comme un article de journal en fait, pas besoin de tout le journal pour comprendre un seul article. Je vois plutôt des sections.

Ensuite, tu ne devrais pas avoir à spécifier une hauteur normalement. Trouve une autre solution avec des padding par exemple.

J'ai codé un truc vite fait pour te donner une idée
https://jsfiddle.net/c4u3bqxo/19/
Meilleure solution
Merci j’ai une meilleure idée de la structure.
Vous dites qu’il n’y a pas d’article sur la maquette.
Voici en image https://s22.postimg.cc/54l37hea9/article1.png les endroits où je voyais des articles sur la maquette.

A la place des articles on aurait plusieurs sections imbriquées avec un systeme de liste ul li?