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

Vue hybride

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     

  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
    Personnellement, je n'ai pas compris. Pouvez-vous s'il vous plait :
    1. Donner le nom de l'élément (dans la css) qui vous pose problème;
    2. Dire quel comportement vous attendez de cet élément, et ce qui se passe actuellement?

  3. #3
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Bonjour,

    Il s'agit probablement d'un problème de spécificité du sélecteur.

    Essaie de mettre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    div.Forum_contenu_systeme_lu_non_lu
    	  {
    	  display:none;
    	  }
    au lieu d'un simple .Forum_contenu_systeme_lu_non_lu. S'il est déclaré après l'autre, cela devrait suffire. Sans le cas contraire, ajoute, par exemple, un div de plus pour augmenter la spécificité du sélecteur:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    div div.Forum_contenu_systeme_lu_non_lu
    	  {
    	  display:none;
    	  }
    ou encore rien qu'avec les 2 classes:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .parente .Forum_contenu_systeme_lu_non_lu
    	  {
    	  display:none;
    	  }
    Après, cela dépend des éléments précis que tu veux cibler.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  4. #4
    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
    merci mais ce n'est pas ça mais j’étais au wc et j'ai réfléchis et je penses avoir trouver

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour mario,
    tu as bien raison !

    Moi aussi, je médite souvent aux toilettes !

    Si tu as trouvé la solution, MERCI de la poster ici, ça peut en intéresser d'autres.

  6. #6
    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
    j'ai presque réuissit mais il y a truc que je ne comprends voir capture

    là tu voit :

    @media (max-width: 979px) and (min-width: 768px)
    j'ai mis display:inline-block; pour aligner mes 6 cadres là ç'est bon

    et ensuite

    @media (max-width: 979px)

    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
    .mp_nbpage
    	  {
    	  display:none;
    	  width:60px;
    	  height:80px;
    	  margin-left:-4px;
    	  min-height:150px;
    	  vertical-align:top;
    	  border-left:thin dotted #000000;
    	  padding:3px;
    	  }

    mon display none ne veut pas disparaître car il y a display :inline-block; a ma parente .parente_mp div

    j'ai beau essayer de modifier mais ca ne fonctionne pas

    es ce que tu peut me dire comment essayer de le supprimer mon cadre autant garder mon cadre aligner

    malgré j'ai changer et modifier tout les parentes

    merci
    Images attachées Images attachées  

  7. #7
    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
    merci ça marches c'est juste un truc tout bête

    en tout ca merci

+ 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