Discussion

11/11/2019 à 11h32 : Swan : Salut Salut :lu Je vais bien ^^ Bon 11 Novembre à tous !

08/11/2019 à 13h35 : Myster : Comment ça va ? :]

08/11/2019 à 11h13 : Swan : Hey salut toi ^^

08/11/2019 à 10h55 : Myster : Bonjour les gens :)

08/11/2019 à 09h21 : Swan : Bon vendredi à tous ^^ Et Merci à Xtian ;)

06/11/2019 à 21h36 : m-ickael : :top

05/11/2019 à 19h32 : Swan : Hey Salut ^^ bonne soirée , promis bientôt les thèmes seront mis en ligne :p

05/11/2019 à 13h34 : m-ickael : Bonjour :)

04/11/2019 à 11h33 : Swan : Salut salut !!! de retour de ce long Week- end .. je vais pouvoir avancer un peu ^^

29/10/2019 à 18h33 : m-ickael : Bonjour. :top (vu sur fb)

29/10/2019 à 12h39 : Swan : Salut Salut ^^ j'ai enfin transformé le LightTown et décliné sous 6 autres thèmes, c'était assez sympa .. j'expliquerais dans la prochaine actu le contexte de ses thème :p

26/10/2019 à 08h22 : Swan : Hey :lu !! Bon je termine mon thème et je vous livre ce Week end ;) Mais bon, je bosse tout de même aujourd'hui ^^

25/10/2019 à 21h51 : m-ickael : Bonjour, bon weekend :)

25/10/2019 à 07h40 : Swan : :lu Salut à tous, allez un peu de motivation ce matin.. déjà un jus d'orange !

23/10/2019 à 18h08 : Swan : Coucou tout le monde ^^ bah moi cela a été la reprise du codage ! Waouuu , j'ai eu des trous ! Mais c'est très vite revenu ;)

20/10/2019 à 11h25 : m-ickael : Bonjour et bonne reprise demain :)

20/10/2019 à 11h21 : Swan : :lu Bon dimanche à tous ;)

18/10/2019 à 17h04 : m-ickael : Bonjour et bon weekend :)

15/10/2019 à 11h30 : Swan : Coucou tout le monde ^^ Bon lundi, orageux et pluvieux à tous ( Enfin !!!) :p

14/10/2019 à 21h52 : m-ickael : Salut. Moi ce sera en février 2020 sur ce site, et janvier 2011 sur le cms phpbt. (je me suis lancé que un an après).

14/10/2019 à 10h02 : Swan : :lu Salut tous le monde, Lol Mika, oui 10 ans déjà .. Vas y prend un fauteuil :p Moi j'ai fais 10 ans sur PBT le 29/07/2019 aussi ;)

12/10/2019 à 14h38 : m-ickael : On va bientôt fêter mes 10 ans ici :kawa

12/10/2019 à 14h38 : m-ickael : Bon weekend :) et merci :top

12/10/2019 à 10h40 : Swan : Bonjour à tous et bon Samedi ^^

11/10/2019 à 18h26 : Swan : Vide oui ^^ mais je vais revoir cela d'ici Janvier 2020 ;)

11/10/2019 à 18h25 : Swan : Bonsoir à tous, enfin en week end ;) Félicitation Mickael :waw pleins de bonheur à vous deux ;)

09/10/2019 à 21h38 : m-ickael : Slt. Bah si, mais c'est vide :D ici et discord :D .. Je vais être papa donc tout va bien :D

08/10/2019 à 08h05 : Swan : Salut à tous ^^, alors Mika ? Cela n'as pas l'air d'aller ..

07/10/2019 à 19h30 : m-ickael : Bonne semaine ..

05/10/2019 à 17h35 : Swan : Bon week end à tous ^^

03/10/2019 à 19h01 : m-ickael : Bonsoir :)

02/10/2019 à 10h39 : Swan : Bonjour à tous.. Enfin l'automne pointe son nez !

30/09/2019 à 09h05 : Swan : Bonjour à tous, un bon lundi à tous^^

30/09/2019 à 07h16 : m-ickael : Bonne reprise :/

29/09/2019 à 12h30 : Swan : Bon dimanche à tous:lu Les pieds sur le bureau !!!

28/09/2019 à 08h43 : m-ickael : Bonjour et courage :)

27/09/2019 à 10h22 : Swan : Salut matin de repos, vu que je bosse demain en non-stop ^^ Dur dur de se replonger dans les thèmes ! Le LightTown avance bien.

26/09/2019 à 17h54 : Swan : Bonsoir à tous , c'est dur la reprise... bouhouuu !!

25/09/2019 à 23h06 : m-ickael : Salut :)

24/09/2019 à 18h20 : Swan : Salut salut boulot ^^

23/09/2019 à 11h11 : Swan : Salut tout le monde ^^ de retour chez moi ;)

21/09/2019 à 07h57 : m-ickael : Bonjour et bon weekend :)

18/09/2019 à 22h12 : m-ickael : Bonne semaine :top

15/09/2019 à 14h47 : Swan : Bon dimanche à tous ^^

13/09/2019 à 20h27 : m-ickael : :top

13/09/2019 à 13h57 : Swan : :lu Bonjour, bon déjà 14H et j'ai fini, mais je bosse demain en non-stop :p la semaine prochaine , je serais peu connecté car pas chez moi! mais dans le 91...

13/09/2019 à 08h27 : m-ickael : Salut Swan .. Oui, nous ne sommes que poussière .. et surtout de passage. Mais faut en profiter de ce passage là :)

11/09/2019 à 20h09 : Swan : Bonsoir tout le monde . la vie est bizarre parfois, elle nous rappelle que nous sommes bien peu de choses ..

09/09/2019 à 12h35 : Swan : Bonjour tout le monde ^^ de retour avec Toujours pleins de questions, mais moins d'angoisse ;)

08/09/2019 à 18h00 : m-ickael : Salut Swan, en espérant que tout aille pour le mieux :) Au plaisir.

Vous n'êtes pas autorisé à ajouter un message !




  Aide générale » La différence entre ces deux cas CSS

 Le 19/01/2019 à 09h44 m-ickael Avatar  
 


Salut.

Quelle est la différence entre ces deux codes svp ?

Code CSS :
#module-mini-notifications.module-mini-container {
    margin: 90px 0px 0px 0px;
    padding: 10px;
    background-color: transparent;
    border:none;
    border-spacing: 1px;
    clear: both;
    box-shadow: none;
    color: #fbfbfb;   
    font-size:1.1em; 
}
 
#module-mini-notifications .module-mini-contents {
    padding-top:0;
    border-top: none;
    border-bottom: none;
    text-align: left;
}


Je m'explique d’avantage, je vous inquiétez pas :)

Premier cas, j'ai mis #module-mini-notifications .xxxxxx qui est accroché, sans espace, et ça fonctionne. Si je met un espace comme le deuxième cas, mon CSS n'est plus pris en compte.

Inversement bien sûr sur le deuxième cas par rapport au premier cas, qui lui est collé à #module-mini-notifications.xxxxxxx

Merci pour vos lumières :)

CsN Fusée


 Le 19/01/2019 à 11h19 Myster Avatar  
 


Coucou,

Donc bah je vais essayer de t'expliquer donc en fait déjà les deux propriétés css commencent par un #, donc ce qui veut dire que un id="" en html qui est affecté par ces deux propriétés et pas un class="", ensuite .module-mini-container, c'est parce que tu touche au css à l'intérieur de l'id

Bon j'avoue que là c'est pas clair je t'explique

Code CSS :
 
#notification{
background:black;
}
#notification a {
color:orange;
}
 


Code HTML :
 
<div id="notification">
<a href="">Je suis à l'intérieur de l'id</a>
</div>
 


Comme tu peut le voir, j'ai modifier la propriété A qui est dans la div notification, et les A qui ne sont pas dans cette div ne seront pas affecté par le changement de la couleur en orange

Bon c'est peut-être flou encore non ? xD

Edit: Enfin je pense que c'est ça du moins je l'ai appris comme ça dans les cours vidéos



Edité par Myster Le 19/01/2019 à 12h16

CsN Mortier


 Le 19/01/2019 à 11h34 Swan Avatar  
 


Bonjour,

C'est vrai que je me suis déjà posé la question .. Mais vu que c'est une id et une class et associé, cela arrive parfois ! j'ai cherché aussi si cela ne venait pas de la structure en elle-même, et il serait plausible aussi que cela soit dû au fait qu'il sont associés sur le même div et le même tpl ou pas. Donc descendance parent.s enfant.s (je sais que cela va être dur à saisir).

Exemple 1 : CSS non relié



Tu vois pour ce code en vérité , il est généré par un tpl par défaut dans le "templates\default\framework\menus\modules_mini.tpl" donc un TPL indépendant du module lui même. Et que l'{ID} est redirigé par le php et pas en direct. C'est se qui causerait cette différence.

Code HTML :
<div id="{ID}" class="module-mini-container# IF C_HIDDEN_WITH_SMALL_SCREENS # hidden-small-screens# ENDIF #">
    <div class="module-mini-top">
        <h5 class="sub-title">{TITLE}</h5>
    </div>
    <div class="module-mini-contents">
        {CONTENTS}
    </div>
    <div class="module-mini-bottom">
    </div>
</div>


Code CSS :
 
#module-mini-notifications.module-mini-container {
    margin: 90px 0px 0px 0px;
    padding: 10px;
    background-color: transparent;
    border:none;
    border-spacing: 1px;
    clear: both;
    box-shadow: none;
    color: #fbfbfb;   
    font-size:1.1em; 
}


Exemple 2 : CSS relié



Après tu as l'autre exemple dans ton design.css ou tout est connecté en CSS car dans le même tpl et sur le même div :

Code TPL :
    <div id="main" class="# IF C_MENUS_LEFT_CONTENT #main-with-left# ENDIF ## IF C_MENUS_RIGHT_CONTENT # main-with-right# ENDIF #" role="main">
        # IF C_MENUS_TOPCENTRAL_CONTENT #
        <div id="top-content">
            # START menus_top_central #
            {menus_top_central.MENU}
            # END menus_top_central #
        </div>


OU là en Css :

Code CSS :
    #main.main-with-left,
    #main.main-with-right {
        width: calc(100% - 200px);
        -ms-flex: 1 0 auto; /*Tricks IE*/
    }
 
    #main.main-with-left.main-with-right {
        width: calc(100% - 400px);
        -ms-flex: 1 0 auto; /*Tricks IE*/
    }


Après , je peux me tromper, mais je pense que c'est cela ..

Swan.


Administrateur


 Le 20/01/2019 à 10h14 m-ickael Avatar  
 


Bonjour et merci à tous les deux.

D'accord, donc si ça marche pas avec un espace, faut aussi essayer en accrochant les deux parties .. Une histoire de "cascade" en CSS si je comprends bien :)

Merci :top

CsN Fusée


 Le 29/01/2019 à 23h45 ElenWii Avatar  
 


L'espace permet simplement de préciser que tu parle d'un élément enfant.
Code TPL :
<div class="maclass-parent"><span class="maclass-enfant"></span></div>

Code CSS :
.maclass-parent .maclass-enfant


Si tu ne met pas d'espace c'est que tu parle du même élément.
Code TPL :
<div class="maclass-parent maclass-parent2"><span class="maclass-enfant"></span></div>

Code CSS :
.maclass-parent.maclass-parent2


C'est l'un des principes de sélecteur CSS.



Edité par ElenWii Le 29/01/2019 à 23h46


Équipe Graphique PHPBoost.com

CsN Fuzil


 Le 30/01/2019 à 10h36 Swan Avatar  
 


Bonjour,

Donc c'est bien se que je pensais ^^

Swan.


Administrateur


 Le 30/01/2019 à 15h54 m-ickael Avatar  
 


Merci bien :top

CsN Fusée


Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

Swan, Myster, mrRandallhorgo,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]