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 :

display inline-block & none


Sujet :

CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Inactif
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    164
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 164
    Par défaut display inline-block & none
    Bonjours, suite a la suppression de mon message

    donc je vous expliques le souci de ma div .parente

    dans la capture 1 :

    j'ai mis :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    @media (min-width: 768px) and (max-width: 979px)
    {
          .parente div
    	  {
    	  overflow:hidden;
    	  }
     
          .Forum_contenu_systeme_lu_non_lu
    	  {
    	  display:none;
    	  vertical-align:top;
    	  padding:2px;
    	  width:4%;
    	  min-height:80px;
    	  margin-left:2px;
    	  }
     
          .Forum_contenu_categorie
    	  {
    	  vertical-align:top;
    	  padding:2px;
    	  width:130px;
    	  margin-left:4px;
    	  min-height:80px;
    	  }
     
          .Forum_contenu_sujet
    	  {
    	  display:none;
    	  vertical-align:top;
    	  padding:2px;
    	  width:8%;
    	  margin-left:1px;
    	  min-height:80px;
    	  }
     
          .Forum_contenu_message
    	  {
    	  display:none;
    	  vertical-align:top;
    	  padding:2px;
    	  width:8%;
    	  margin-left:2px;
    	  }
     
          .Forum_contenu_dernier_message
    	  {
    	  vertical-align:top;
    	  padding:2px;
    	  width:auto;
    	  margin-left:2px;
    	  min-height:80px;
    	  }
     
    }
    si je regarde l'index du messagerie voir capture 2

    là vous voyez mes cadres ne s'aligne pas c'est normal étant donné que j'ai supprimé le display:inline-block;là si j'inverse le code

    je remets le display:inline-block; à la @media (min-width: 768px) and (max-width: 979px)voir capture 3

    donc là c'est bon mes cadres s'alignent bien, mais par contre si je retourne voir mon index forum : voir capture 4

    vous voyez dans ma classe qui suit :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
          .Forum_contenu_systeme_lu_non_lu
    	  {
    	  display:none;
    	  vertical-align:top;
    	  padding:2px;
    	  width:4%;
    	  min-height:80px;
    	  margin-left:2px;
    	  }

    j'ai mis le display:none;mais ça ne marche pas étant donné j'ai mis la DIV .parente en display:inline-block;merci votre aide
    Images attachées Images attachées     

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

Discussions similaires

  1. [CSS 2] Equivalent de display: inline-block
    Par julie90 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/01/2011, 14h48
  2. display:inline-block; Problème avec Netscape navigator
    Par mehdi_scofield dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/11/2008, 16h44
  3. Problèmes avec display:inline-block
    Par NewbiePower dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/10/2007, 11h34
  4. utilisation de display:inline-block
    Par CUCARACHA dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/08/2007, 15h21

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