PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 07/04/2015 11:55:46

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 750
Site Web

sml-hide, med-show

Bonjour,

Je trouve qu'il y a un comportement bizarre dans la gestion de l'affichage ou non d'un élément suivant la taille de l'écran. Par exemple :

[== HTML ==]
<div class="grid">			
	<div class="col sml-8 med-8 lrg-8">
		<p>mon texte</p>
	</div>
</div>

Dans cette exemple "mon texte" s'affiche quelque soit la taille de mon écran. Maintenant je veux le masquer lorsque je suis dans la class sml-8

[== Indéfini ==]
<div class="grid">			
	<div class="col sml-hide med-8 lrg-8">
		<p>mon texte</p>
	</div>
</div>				

"mon texte" est bien masqué lorsque je suis dans la class sml-8 mais aussi lorsque je suis sur les autres class (med-8 et lrg-8) si je veux l'afficher dans ces dernières je dois faire

[== Indéfini ==]
<div class="grid">			
	<div class="col sml-hide med-8 med-show lrg-8 lrg-show">
		<p>mon texte</p>
	</div>
</div>

C'est étonnant de devoir dire que pour les autres class (med et lrg) ont veut les afficher alors qu'on l'a masqué uniquement pour sml. C'est beaucoup de code pour rien, par exemple pour avoir mon texte centrer sur ma page ça donne

[== Indéfini ==]
<div class="grid">			
	<div class="col sml-hide med-8 med-show med-centered lrg-8 lrg-show lrg-centered">
		<p>mon texte</p>
	</div>
</div>

Alors que je pourrais avoir

[== Indéfini ==]
<div class="grid">			
	<div class="col sml-hide med-8 med-centered lrg-8 lrg-centered">
		<p>mon texte</p>
	</div>
</div>

"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#2 09/04/2015 11:03:09

Jos
Pluxml Staff
Lieu : Région de Grenoble
Inscription : 04/11/2011
Messages : 1 128
Site Web

Re : sml-hide, med-show

Bonjour,

Je vois ce que tu veux dire. En fait, c'est parce que ce Framework a une approche "mobile first" (pensé en premier pour les mobiles). C'est une façon de faire... J'espère avoir bien compris ce que tu volais dire  smile

Hors ligne

#3 09/04/2015 14:27:03

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 750
Site Web

Re : sml-hide, med-show

Bonjour,

J'avais bien compris cette approche et la logique mobile, puis tablette, puis écran large. Mais pour moi il me parait illogique de masquer tout à partir du moment où une class est en hide et de devoir dire pour les deux autres que je veux les afficher alors que ça coule de source. Si je veux masquer une class je l'indique sinon je laisse par défaut et elle s'affiche.


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#4 15/04/2015 10:25:34

Jos
Pluxml Staff
Lieu : Région de Grenoble
Inscription : 04/11/2011
Messages : 1 128
Site Web

Re : sml-hide, med-show

Je comprend. Pour le moment je n'ai pas d'autres solutions à te proposer que ce que j'ai mis en place sur le Framework.

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés