Problème avec taille d'écran [Réglé]
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai voulu afrandir la résolution mobile pour le forum en passant de max-width:768 à 979 et de mini-width:769 à 980.
Cela marche relativement bien sur d'autres modules comme "connect", mais sur le forum, de 980 à 982, j'ai un affichage incohérent. J'ai vérifié tous les CSS, et je ne trouve rien qui peut porter défaut.
A noter que auparavant, l'affichage incohérent était visible de 769 à 980px. (Sur phpboost aussi d'ailleurs).
Autre chose ..
J'ai voulu supprimer le texte en haut des forums "forums / nombres de sujets / nombres de messages / derniers messages
Code HTML :
Par un remplacement propre par des fontawesomes. MAIS ! En version movile, du coup, le "sujet" et "dernier message" disparaissent !
Du coup, provisoirement, j'ai fais ceci :
Code HTML :
<thead> <tr> <th class="forum-announce-topic"><i class="fa fa-eye"></i></th> <th class="forum-topic"><i class="fa fa-folder-open" aria-hidden="true"></i> {L_FORUM}</th> <!-- <th class="forum-subject-nb">{L_TOPIC}</th> --> <th class="forum-message-nb"><i class="fa fa-bar-chart" aria-hidden="true"></i></th> <th class="forum-last-topic"><i class="fa fa-file-text" aria-hidden="true"></i> {L_LAST_MESSAGE}</th> </tr> </thead>
Pas terrible tout de même. Je ne sais pas comment différencier du texte sur mobile et fontawesome en version 980px et supérieur.
Merci
Édité par MickaelFR Le 05/06/2017 à 10h14
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Au passage, j'aime bien ta dernière vidéo
Dans ton TPL ou CSS, n'y aurait-il pas 3 modèles différents (gestion de trois affichages différents) ?
Peux-tu désactiver ton cache CSS pour vérification ?
Olivier.
Olivier
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai désactivé le cache CSS. Je ne sais pas de quoi tu parles en revanche concernant les 3 affichages ..
le 1er cas est un problème je pense, visible sur tous les sites phpboost
le 2ieme cas est de la personnalisation.
Merci.
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Concernant les trois règles différentes, je l'avais trouvé sur un thème de Swan mais je n'ai plus d'exemple à donner
Olivier.
Olivier
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
ça peut être dû à plein de choses, les bordures par défaut de la table ou les dimensions de certaines balises traitées par le box-sizing différemment des autres, ... bref il faut jongler
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai beau jongler, ça reste en défaut de 980 à 982 .. Enfin, c'est pas bien grave, il y a pas grand chose dans cette configuration en principe. C'est surtout le fait que à la base, le soucis est de 769 à 980 .. Visible sur phpboost également.
(On parle du 1er cas bien sûr).
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Citation :
J'ai voulu supprimer le texte en haut des forums "forums / nombres de sujets / nombres de messages / derniers messages
Par un remplacement propre par des fontawesomes. MAIS ! En version movile, du coup, le "sujet" et "dernier message" disparaissent !
Du coup, provisoirement, j'ai fais ceci :
Pas terrible tout de même. Je ne sais pas comment différencier du texte sur mobile et fontawesome en version 980px et supérieur.
Code HTML :
Par un remplacement propre par des fontawesomes. MAIS ! En version movile, du coup, le "sujet" et "dernier message" disparaissent !
Du coup, provisoirement, j'ai fais ceci :
Code HTML :
<thead> <tr> <th class="forum-announce-topic"><i class="fa fa-eye"></i></th> <th class="forum-topic"><i class="fa fa-folder-open" aria-hidden="true"></i> {L_FORUM}</th> <!-- <th class="forum-subject-nb">{L_TOPIC}</th> --> <th class="forum-message-nb"><i class="fa fa-bar-chart" aria-hidden="true"></i></th> <th class="forum-last-topic"><i class="fa fa-file-text" aria-hidden="true"></i> {L_LAST_MESSAGE}</th> </tr> </thead>
Pas terrible tout de même. Je ne sais pas comment différencier du texte sur mobile et fontawesome en version 980px et supérieur.
Merci
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
Citation :
Je ne sais pas comment différencier du texte sur mobile et fontawesome en version 980px et supérieur
tu ajoutes une classe desktop pour les icones et mobile pour les textes.
Code HTML :
Code CSS :
.desktop {display: none;} @media (min-width: 980px) { .desktop { display: block; } .mobile { display: none; } }
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
C'est bien fonctionnel. J'ai juste inversé mobile et desktop.
Merci encore <img src="/images/smileys/smile.png" alt=":)" class="smiley" />
Résultat sur : <a href="http://planet-truck.fr/site/forum/">http://planet-truck.fr/site/forum/</a>
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie