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 :

[Framework Pure.css] Positionnement du layout mail


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    422
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2004
    Messages : 422
    Par défaut [Framework Pure.css] Positionnement du layout mail
    Bonjour,

    J’apprends à utiliser le framework pure.css responsive design( http://purecss.io/ )
    Je souhaite créer une application me basant leur tutoriel layout email à l’adresse suivante http://purecss.io/layouts/email/ . Je dois l'adapter en enlevant la colonne du milieu qui afficher les contact ( TILO MITRA, ERIC FERRAIUOLO, ….)

    J’ai donc enlevé tout le div correspondant à ces contacts <div id="list" class="pure-u-1">.

    Après modification, ma page affiche une colonne blanche.
    https://drive.google.com/file/d/0ByA...it?usp=sharing

    Comment rapprocher le div de contenu de mail vers le div des boutons compose ?

    voici le layout que j'ai modifié
    "https://drive.google.com/file/d/0ByAzSClVnTnVX3pPa003RzVFU2M/edit?usp=sharing"

    Pouvez-vous me dire ou est mon erreur ?

    Merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    pour le conteneur principal on trouve un padding-left:500px qui déporte tous ses contenus
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #layout {
      padding-left: 500px;  /* mets 150px ICI par exemple */
      position: relative;
    }

  3. #3
    Membre très actif
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    422
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2004
    Messages : 422
    Par défaut
    super, merci c'est ce qui me fallait

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

Discussions similaires

  1. [CSS] Positionnement d'un select multiple
    Par Mr N. dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/12/2005, 19h08
  2. [CSS] Positionnement absolu
    Par Invité dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/12/2005, 09h34
  3. [CSS]Positionnement des blocs <div> + pb selon navigat
    Par Trunks dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/12/2005, 10h56
  4. [CSS] Positionnement float, comment clearer correctement ?
    Par Séb. dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/11/2005, 16h35
  5. [CSS] positionner un objet
    Par car dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/08/2005, 14h31

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