[Zeuhl]

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 :



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 :



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



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 ?

[Mazeltof]

'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

[Zeuhl]

'soir ici,

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

Ah bon ? Vraiment ?

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.

[Mazeltof]

Effectivement

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;
}

[Zeuhl]

J'ai effectué la modification mais je ne constate aucun changement sur mon appareil. Est-ce que tu observes quelque chose sur le tien ?

[galixte]

Cache purgé ?

[Mazeltof]

'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;
}

[Zeuhl]

'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

[Mazeltof]

'jour ici,

Pas de soucis pour le délai

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 ?

[Zeuhl]

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) :



PS: j'ai purgé le cache cette fois-ci.

[Mazeltof]

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

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 ?

[Zeuhl]

Il y a un soucis quelque part

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



Merci beaucoup pour tes conseils

Sujet réglé \o/

[galixte]

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 ?

[Mazeltof]

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

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

[Zeuhl]

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

Et vous, est-ce mieux ?