PluXml.org

Blog ou CMS à l'Xml

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

#51 26/08/2015 10:55:15

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

Re : PluCSS le framework CSS pour PluXml

Si ton site est en ligne je pourrais peut-être t'aider.

Hors ligne

#52 04/12/2015 13:46:08

Scith
Membre
Inscription : 23/05/2015
Messages : 36

Re : PluCSS le framework CSS pour PluXml

Merci, désolé du temps de réponse ... Pas de nouvelle bonnes nouvelles comme on dit smile Le soucis venait du fait que j'avais un peu trop bidouillé mon CSS. Tout fonctionne maintenant.

Nouveau soucis par contre sur gallery : si les blocs ont tous la même hauteur, pas de soucis. Mais quand les hauteurs de blocs dans gallery sont différents, ça devient rapidement le bazaar (avec des trous par-ci par-là).

Je pourrais soit :
- Mettre tous les blocs de même hauteur (mais ça m'arrange pas trop)
- Ajuster la hauteur des autres blocs de la ligne au premier (mais il faudrait du javascript je pense ?)
- Ou faire un clear:left; au premier bloc de chaque ligne

Du coup voici mon "fix" pour la 3e solution :

@media (max-width: 767px) {
	.gallery.sml-12 li:nth-child(1n+1) {clear: left;}
	.gallery.sml-6 li:nth-child(2n+1) {clear: left;}
	.gallery.sml-4 li:nth-child(3n+1) {clear: left;}
	.gallery.sml-3 li:nth-child(4n+1) {clear: left;}
	.gallery.sml-2 li:nth-child(6n+1) {clear: left;}
	.gallery.sml-1 li:nth-child(12n+1) {clear: left;}
}
@media (min-width: 768px) {
	@media (max-width: 1024px) {
		.gallery.med-12 li:nth-child(1n+1) {clear: left;}
		.gallery.med-6 li:nth-child(2n+1) {clear: left;}
		.gallery.med-4 li:nth-child(3n+1) {clear: left;}
		.gallery.med-3 li:nth-child(4n+1) {clear: left;}
		.gallery.med-2 li:nth-child(6n+1) {clear: left;}
		.gallery.med-1 li:nth-child(12n+1) {clear: left;}
	}
	@media (min-width: 1024px) {
		.gallery.lrg-12 li:nth-child(1n+1) {clear: left;}
		.gallery.lrg-6 li:nth-child(2n+1) {clear: left;}
		.gallery.lrg-4 li:nth-child(3n+1) {clear: left;}
		.gallery.lrg-3 li:nth-child(4n+1) {clear: left;}
		.gallery.lrg-2 li:nth-child(6n+1) {clear: left;}
		.gallery.lrg-1 li:nth-child(12n+1) {clear: left;}
	}
}

Dernière modification par Scith (04/12/2015 14:13:47)

Hors ligne

#53 05/01/2016 12:25:34

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

Re : PluCSS le framework CSS pour PluXml

Bonjour,

Avec un peu de retard (un peu surchargé ces derniers temps), je te remercie piur cette remontée. Je regarderai çà dés que j'aurais un moment.

Hors ligne

Pied de page des forums

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