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 :

Responsive Web Design


Sujet :

Responsive design en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Femme Profil pro
    Étudiant
    Inscrit en
    Février 2012
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2012
    Messages : 18
    Par défaut Responsive Web Design
    Bonjour,

    J'ai besoin d'un design particulier pour les écrans compris entre 2 tailles, j'ai donc écrit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    @media screen and (max-width: 1280px) and (min-width: 1024px){
        #front-columns {
        	margin: 0 138px;
    	}
    	.column3 {
    		margin: 0 150px;
    	}
    }


    Mais ça ne fonctionne pas.
    Comment faire ?

    Merci d'avance

  2. #2
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Mais ça ne fonctionne pas.
    C'est-à-dire ?

    Dans le code que présentez, les règles CSS s'appliquent uniquement lorsque on navigue avec un écran dont la largeur tient entre 1024 et 1280 px.
    Remarque : on écrirait plutôt @media screen and (min-width: 1024px) and (max-width: 1280px).

    Plus d'infos dans Les fondamentaux du Responsive Web Design.

  3. #3
    Membre averti
    Femme Profil pro
    Étudiant
    Inscrit en
    Février 2012
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2012
    Messages : 18
    Par défaut
    Merci j'ai modifié cela et je pense aussi que j'avais du mal actualiser parce que ça fonctionnait nickel ce matin...

    Merci

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

Discussions similaires

  1. [Livre] Responsive Web design
    Par Macmillenium dans le forum Webdesign & Ergonomie
    Réponses: 2
    Dernier message: 15/09/2016, 18h16
  2. Responsive Web Design et mobile
    Par okoweb dans le forum Webdesign & Ergonomie
    Réponses: 8
    Dernier message: 02/05/2013, 16h54
  3. Responsive Web Design
    Par mealtone dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 28/11/2012, 15h50

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