[Réglé] Responsivité sur smartphone: superposition de colonnes

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 14 Mai 2017 à 22:17

Bonsoir,

J'effectue mes derniers tests sur PC, tablette et smartphone pour m'assurer que mon forum-test soit lisible sur tous les supports.

À cette heure tout semble marcher SAUF quand je visualise mon site sur smartphone en position latérale/horizontale. Ça donne ça :

Image

La colonne des titres des subforums et celle des derniers messages ont fusionné et se recouvrent l'une, l'autre.
Normalement, soit l'écran aurait du montrer deux colonnes distinctes, soit il aurait du laisser la première supplanter la seconde. C'est ce qui se passe quand j'utilise une tablette par exemple :

Image

Le smartphone lu en position verticale préfère quant à lui substituer une colonne à l'autre :

Image

Bref, dans les deux cas (présentation parallèle ou substitution) le résultat est toujours largement préférable à une fusion où le texte d'une des deux colonnes se superpose à l'autre.

À votre avis quelle pourrait être la source de ce dysfonctionnement ? Récemment, j'ai procédé à quelques petits changements de valeurs dans le fichier content.css de mon style pour s'adapter au calendrier que j'emploie. J'ai élargi la dernière colonne et celle des statistiques mais je ne suis pas certain d'avoir bien réglé les choses. Est-ce que ça pourrait être la source de mes désagréments ?
Modifié en dernier par Zeuhl le 02 Juil 2017 à 15:54, modifié 1 fois.
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Mazeltof » 15 Mai 2017 à 19:38

'soir ici,

Il semble que tu aies réglé ton soucis ?

Votre sujet a été déplacé par un membre de l'équipe.
origine : [3.1.x] Support de phpBB ‹ Utilisation
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2015
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 15 Mai 2017 à 20:34

Mazeltof a écrit:'soir ici,

Il semble que tu aies réglé ton soucis ?




Ah bon ? Vraiment ? :shock:

Je viens de vérifier sur mon smartphone et j'ai toujours une fusion de colonnes. Il faut descendre un peu dans le board index pour s'en apercevoir. Les 15 premières lignes sont occupées par l'extension "recent topics" où tout est impeccable. Ce n'est qu'ensuite qu'apparaît l'indentation des catégories et subforums où est localisé le problème.
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Mazeltof » 15 Mai 2017 à 21:47

Effectivement :mrgreen:

Le soucis vient bien des modifs que tu faites, essaie ça :

Dans responsive .css, trouve (vers la ligne 134) :
Code: Tout sélectionner
ul.topiclist.forums dt {
    margin-right: -250px;
}

Remplace par :
Code: Tout sélectionner
ul.topiclist.forums dt {
    margin-right: -265px;
}
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2015
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 17 Mai 2017 à 23:11

J'ai effectué la modification mais je ne constate aucun changement sur mon appareil. Est-ce que tu observes quelque chose sur le tien ?
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar galixte » 18 Mai 2017 à 05:41

Cache purgé ?
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9528
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Mazeltof » 15 Juin 2017 à 10:27

'jour ici,

Je ne vois pas la modification, dans ton fichier responsive.css tu as as toujours (ligne 132) :
Code: Tout sélectionner
/* Forums and topics lists
----------------------------------------*/
ul.topiclist.forums dt {
	margin-right: -250px;
}
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2015
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 01 Juil 2017 à 18:17

Mazeltof a écrit:'jour ici,

Je ne vois pas la modification, dans ton fichier responsive.css tu as as toujours (ligne 132) :
Code: Tout sélectionner
/* Forums and topics lists
----------------------------------------*/
ul.topiclist.forums dt {
	margin-right: -250px;
}



Bonjour,

Pardon de ne répondre qu'aujourd'hui, j'ai du laisser mon forum en plan quelques semaines.
Pour répondre à ta remarque, j'ai bien effectué le changement sur le fichier puis constatant que rien ne se passait (du moins, pour moi), je suis revenu aux réglages initiaux.

J'ai à nouveau remis la valeur 265, observes-tu un changement de ton côté ? Merci :D
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Mazeltof » 01 Juil 2017 à 19:04

'jour ici,

Pas de soucis pour le délai :wink:

Rien de changé de mon coté, il y a toujours la même règle dans ton responsive.css
Je ne suis pas certain qu'on parle du même forum, c'est bien le lien qui est dans ton premier message ?
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2015
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 01 Juil 2017 à 22:55

Mazeltof a écrit:Rien de changé de mon coté, il y a toujours la même règle dans ton responsive.css
Je ne suis pas certain qu'on parle du même forum, c'est bien le lien qui est dans ton premier message ?


Il s'agit bien de ce forum en effet.

Voici ce que je vois dans le fichier responsive.css du style jacurutu en usage (il y a également un dark style et prosilver) :

Image

PS: j'ai purgé le cache cette fois-ci.
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Mazeltof » 01 Juil 2017 à 23:33

Ton responsive.css affiche toujours (ligne 134) :
Code: Tout sélectionner
ul.topiclist.forums dt {
	margin-right: -250px;
}


Ce responsive.css ne dépend pas du style jacurutu comme tu le précises mais du style prosilver (l'adresse en question) :
http://www.dunejacurutu.com/styles/prosilver/theme/responsive.css

Il y a un soucis quelque part :mrgreen:

Fais-tu tes essais sur le style en ligne ou sur un copie (par exemple en local) ?
Les invités et les membres enregistrés ont-ils le même style par défaut ?
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2015
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 02 Juil 2017 à 15:53

Mazeltof a écrit:Il y a un soucis quelque part :mrgreen:

Fais-tu tes essais sur le style en ligne ou sur un copie (par exemple en local) ?
Les invités et les membres enregistrés ont-ils le même style par défaut ?


Je pensais que "jacurutu" était le style par défaut pour les invités. Quelque chose m'échappe...

Quoi qu'il en soit, je n'avais pas modifié prosilver : on m'a toujours dit de ne pas y toucher et de réserver mes modifications à mon style en héritage.

Pourtant, en changeant prosilver le problème s'est reglé comme par magie :D

Image

Merci beaucoup pour tes conseils :wink:

Sujet réglé \o/
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar galixte » 02 Juil 2017 à 17:39

Oui mais ce n’est pas normal cette façon de faire, tu n’aurais dû avoir à modifier que les fichiers de ton style. Quelle peut en être la raison Mazeltof ? :roll:
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9528
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Mazeltof » 02 Juil 2017 à 19:22

En effet, même si tu estimes ton soucis résolu, ce n'est pas la bonne méthode (ou du moins ce n'est pas celle que l'on suggère depuis la sortie de phpBB 3.1 ^^)

Tu devrais mettre ton style jacurutu par defaut pour les invités que l'on puisse voir ce qui cloche. Parce que dans l'état, lors de la prochaine mise à jour tu risques de retrouver le même soucis.
Comme le dit galixte tu aurais du modifier cette règle dans ta feuille de style perso pour le régler.

@galixte Je ne connais pas la raison exacte puisque je n'ai pas accès au style en cause, je n'ai fait que répondre à une question avec les données que l'on m'a indiqué. Je suppose que certaines modifications ont été faite directement sur prosilver (style invités) même si un style hérité a été fait ou alors il y a plusieurs styles avec le même design et dans ce cas difficile de savoir sans accès.

Edit :

Oula, grosse fatigue :mrgreen:

Oublie ce que j'ai dit, remet le prosilver/theme/responsive.css d'origine et ajoute à la fin du jacurutu/theme/stylesheet.css :
Code: Tout sélectionner
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	ul.topiclist.forums dt {
		margin-right: -265px;
}

ça devrait le faire :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2015
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Responsivité sur smartphone: superposition de colonnes

Messagepar Zeuhl » 03 Juil 2017 à 14:46

De mon côté je vois un retour à la situation d'origine :?

Et vous, est-ce mieux ?
Zeuhl
Apprenti-posteur
Apprenti-posteur
 
Messages: 115
Enregistré le: 23 Avr 2012 à 16:30

Suivante

Retourner vers [3.1.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité