HTML5 - Comment faire apparaitre/disparaitre une partie du site

Fermé
Xusifob - 6 nov. 2013 à 22:14
swoog42 Messages postés 1059 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 - 6 nov. 2013 à 23:32
Bonjour,

Sur mon site internet j'ai créé une aside, je voudrais savoir comment faire pour:
Soit faire en sorte qu'elle ne se superpose jamais au corps du site lorsque je zoom/dézoom
Soit la faire disparaitre en dessous d'une certaine taille d'écran.

En effet, pour le moment, lorsque je zoom trop la page, l'aside vient de superposer sur le texte central ce qui est un peu dérangeant.
Vous pouvez voir mon problème ici: b.malahieude.free.fr

Merci beaucoup a tous !

4 réponses

ElementW Messages postés 4764 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 296
Modifié par gravgun le 6/11/2013 à 22:16
Dis bonjour aux media queries de CSS3!
Elles permettent d'adapter le style de la page selon la résolution que le navigateur peut afficher. Le tout en une feuille CSS.
from human import idiocy
del idiocy
0
NanoPish Messages postés 292 Date d'inscription dimanche 3 novembre 2013 Statut Membre Dernière intervention 19 mai 2017 48
Modifié par NanoPish le 6/11/2013 à 22:18
Je ne sais pas trop comment régler ce problème mais dans le début du CV c'est une personnalité impulsiVE pas impulsif. Ça serait dommage de se faire remarquer pour ça :)
Ah oui et tout en bas c'est 1984 de Georges Orwell pas 1884 :P
0
merci de vos réponses !

Pour les média queries oui je pensais à ça justement, le problème étant de faire disparaître l'aside lorsque l'écran est d'une certaine taille..
Mais si c'était possible je préférerais la solution pour éviter le chevauchement (avec réduction de la largeur de l'aside en fonction de celle de la marge jusqu'à une certaine taille puis supression lorsque l'écran devient trop petit (portable..)
0
swoog42 Messages postés 1059 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 16 décembre 2018 246
6 nov. 2013 à 23:32
As-tu fouillé un peu du coté du "responsive design" ?
Une recherche sur google et c'est une mine d'information pour toi ^^
0