28106 sujets

CSS et mise en forme, CSS3

Mesdames et messieurs bonjour!

Je me trouve face à un problème de taille: j'ai créé un site (one page) très joli avec quelques petites animations très simples (smooth scroll) mais quand je passe sur un écran plus petit il ne s'adapte pas du tout! Smiley ohwell

Je plaide coupable en disant que je me suis basé sur une Template gratuite téléchargée et que je ne connais que les bases du HTML et du CSS3. Quelqu'un pourrait-il m'aider à résoudre ce problème assez rapidement svp? (je dois le finir pour dans les 2 semaines qui viennent au plus tard)

merci à vous pour vos futures réponses! Smiley cligne
Administrateur
Hello Gabi,

Il est malheureusement complètement impossible de répondre à ta problématique sans avoir aucune indication, page en ligne ou code incriminé.

Il y a énormément d'étapes à suivre (certaines plus simples que d'autres) pour rendre responsive un site qui ne l'est pas par défaut.

Cela passe par :
- les dimensions de tes éléments qui doivent tous être définis en taille fluide et non en pixels
- les images, vidéos et autres éléments qui doivent disposer d'une taille maximale pour ne pas tout exploser
- des re-disposition de boîtes : passer par exemple 3 boites côte à côte les unes sous les autres
- une adaptation du menu de navigation mais aussi sans doute de beaucoup d'autres composants (slider ? pagination ?)
- etc.

Voici quelques ressources pour bien comprendre ce à quoi tu dois t'attendre :
- https://www.alsacreations.com/article/lire/1615-Cest-quoi-le-Responsive-Web-Design-.html
- https://www.alsacreations.com/article/lire/1559-responsive-web-design-present-futur-adaptation-mobile.html
- https://www.alsacreations.com/astuce/lire/1177-Une-feuille-de-styles-de-base-pour-le-Web-mobile.html
Modifié par Raphael (04 Feb 2020 - 11:05)