IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Mise en page contenu selon la résolution


Sujet :

CSS

  1. #1
    Membre à l'essai
    Homme Profil pro
    Auditeur informatique
    Inscrit en
    Mars 2017
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Auditeur informatique

    Informations forums :
    Inscription : Mars 2017
    Messages : 16
    Points : 18
    Points
    18
    Par défaut Mise en page contenu selon la résolution
    Bonjour à tous,

    Je cherche à faire évoluer mon site Internet fictif (c'est un exercice, pas un vrai travail) selon la résolution de l'utilisateur qui le visite. Voici les deux points qui m'embettent :

    1) Il y a une colonne tout à gauche, qui contient un menu. Disons que si l'utilisateur est sur un mobile, je ne veux pas que cette colonne apparaisse. Mais s'il est sur un PC ou une tablette, je veux que cette colonne apparaisse.
    2) Même chose concernant du texte, cette fois-ci dans le contenu de mon site. Je m'explique.

    J'ai 3 blocks (3 <div>) contenant chacun de texte, et je veux que ces blocks soient positionné les uns en-dessous des autres si c'est une version mobile, et les uns à la suite des autres si c'est une version PC ou tablette.

    Nom : css.png
Affichages : 82
Taille : 14,0 Ko

    Pour tout ça, dans mon exercice, je précise que je ne dois faire ça qu'en HTML et CSS (pas de JavaScript, de Bootstrap, etc).

    Avez-vous une piste pour me dire comment faire ces 2 fonctionnalités svp ?

    Merci d'avance.

  2. #2
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 740
    Points
    4 740
    «La pluralité des voix n'est pas une preuve, pour les vérités malaisées à découvrir, tant il est bien plus vraisemblable qu'un homme seul les ait rencontrées que tout un peuple.» [ René Descartes ] - Discours de la méthode

  3. #3
    Membre à l'essai
    Homme Profil pro
    Auditeur informatique
    Inscrit en
    Mars 2017
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Auditeur informatique

    Informations forums :
    Inscription : Mars 2017
    Messages : 16
    Points : 18
    Points
    18
    Par défaut
    Parfait, c'est exactement ce que je recherchais, merci beaucoup !
    Je clos le topic de ce pas. Merci encore !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Document dont la mise en page change selon l'ordi?
    Par Zantetsu dans le forum Excel
    Réponses: 11
    Dernier message: 04/01/2009, 17h32
  2. [W3C] Mise en page html avec div ou tables selon vous ?
    Par zais_ethael dans le forum Balisage (X)HTML et validation W3C
    Réponses: 15
    Dernier message: 19/10/2006, 16h34
  3. Réponses: 2
    Dernier message: 17/07/2006, 21h10
  4. garder mise en page du contenu d'un textArea?
    Par questionneuse dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 07/06/2006, 18h48
  5. Pb pour afficher une page selon la résolution de l'écran
    Par magic8392 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 24/10/2005, 11h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo