Article 2 colonne (responsive) ?

[Hathorus]

Bonjour,

Voila j'ai un gros probleme au niveau de l'affichage des article
Dans mon menu acceuil j'ai bien choisi "Nombre de colonnes: 2" (j'ai meme cru que joomla alais directement les afficher sur 2 colonne mais non :'( ) du coup je joue avec le css pour les afficher sur 2 colonne et puis ZUT j'ai oublie que sur un smartphone ca va ressemblé a rien ....

Du coup pour un affichage responsive (passé de 2 colonne a 1) je dois passé par du .js ?

[lefabdu51]

Re : Article 2 colonne (responsive) ?

non pas de js, je dirais plutot requetes media (media-queries)..
Tu trouveras tout un tas de doc a ce sujet en utilisant un moteur de recherche.
Il suffit que dans la requete, tu passe tes largeurs de 50% a100% pour les avoir sur une colonne.

Sans connaitre le template, dur d etre plus precis

[Hathorus]

Re : Article 2 colonne (responsive) ?

Houtch rapide

oui j'ai deja essayé une requete media c'est bien ca?:
@media screen and (min-width:768px) {...}

[Hathorus]

Re : Article 2 colonne (responsive) ?

J'ai trouvé je poste la solution ci d'autre personne cherche la meme chose

	/* ------- For desktop -------*/
.votre-article{
	width: 50%;
}
	/* ------- For mobile phones ------- */
@media screen and (max-width:768px) {
.votre-article{
	width: 100%;
}	
}

[lefabdu51]

Re : Article 2 colonne (responsive) ?

Merci pour le retour. C'est sympa pour les suivants.
Juste une chose la requete
@media screen and (min-width:768px) {...}

cible les desktop car c est largeur minimum et non maximum que tu as ecrit ds la requete.....

[Hathorus]

Re : Article 2 colonne (responsive) ?

Oui oui j'avais juste demandé si c'était ça une requête médias

Si vous regardez bien j'ai bien changé le min-width par max-width dans la solution

[Hathorus]

Re : Article 2 colonne (responsive) ?

Petit probleme !

j'ai passé le post de résolue a non-résolue

Donc je fais bien ma requetes media qui donne ca:

	/* ------- For desktop -------*/
#left .blog .items-row{
	float: left;
	width: 50%;
}
#left .blog .span6{
	text-align: center;
}
	/* ------- For mobile phones ------- */
@media screen and (max-width:768px) {
#left .blog .items-row{
	width: 100%;
}	
}

Le probleme est que sur mon smartphone les articles reste sur 2 colonne du coup j'ai ete voir sur le net pour savoir la resolution a metre pour mon smartphone et c'est dit que c'est du 360x640 donc normalement ca devrais fonctioné avec un max-width:768px ?

apres j'ai testé avec un width plus grans et je dois noter un width de 1000+px pas normale si ?

[lefabdu51]

Re : Article 2 colonne (responsive) ?

tu as un lien vers le site concerné de disponible ?

[Hathorus]

Re : Article 2 colonne (responsive) ?

Non actuellement je l'ai en local mais je peux l'héberger après si vous voulez. ... sur un hébergeur gratuit