comment réduire la colonne ou se trouve l'avatar

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Sam 25 Fév 2017 - 22:56

bonjour , qui peux m'aider ?

si je suis sur 2 navigateurs différents , la colonne ou se trouve l'avatar n'a pas la même largeur voilà une capture d"écran le montrant

qui peux m'aider pour comment faire pour avoir la même largeur que sur la page d'internet explorer sur les 2 navigateurs

j'ai trouvé ce post

http://forum.forumactif.com/t386234-reduire-largeur-colonne-ou-se-trouve-l-avatar?highlight=largeur+des+colonnes

avec un code à mettre dans le CSS que j'ai testé mais ça ne fonctionne pas

merci à qui pourra m'aider

bien à vous , Anne-Marie


Dernière édition par annemarie209 le Lun 27 Fév 2017 - 0:30, édité 1 fois
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 8:57


Bonjour "annemarie" vraiment chagrin cet affichage Rolling Eyes

Un solution qui serait radicale sans toucher au Template ...

Dans ton CSS ajoute :
Code:
/* Réduire Colonne de gauche Forcer Chrome */
.forumline .row1 {max-width: 180px !important;}

Ce qui est plus que curieux dans le Template "viewtopic_body" la largeur de la colonne est fixée à 150px (plusieurs fois) .... alors qu'elle s'affiche à 180px même sous IE ou Forefox Cool


avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 9:34

bonjour lmc38510
merci d'avoir répondu , j'ai mis ton code mais ça reste pareil , même en mettant moins de PX

merci pour ton aide
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 9:52

Essaie Ceci ...
Code:
/* Réduire Colonne de gauche Forcer Chrome */
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right{
max-width: 180px !important;}
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 10:01

ça réduit bien la colonne thumleft ça c'est ok mais ça élargi la page complète Sorry
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 10:12

mon cadre "répondre" est décalé aussi
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 10:24

Je pense que dans ton Panneau Administration - général - forum - configuration
Dans -> "Structure des pages" tu as une valeur exprimée en % -> 100%

Comme tu as un écran proportionnellement plus large que haut (écran de portable) l'affichage ce déforme ..
Moi avec un 1280 x 1024 pas de problème ..

Pour ce qui est de


C'est rectifiable ... -> déplacer la zone de saisie ...

Je pense qu'il n'y a pas de solution miracle ... le problème entre affichage % et fixe en pixel est récurent
(mais ce n'est que mon avis)

fais un essai ... passe dans le PA ton affichage à 1280px et supprime le CSS (donné plus haut) pour voir le résultat ...
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 10:47

tout redevient correct en enlevant le code , dommage pour la colonne Mince

je te remercie d'avoir tenté de m'aider , passes un beau dimanche
amitiés , Anne Marie
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 11:02


Vraiment "Chagrin" ce problème ... pourquoi "Chrome" ne prends pas en compte les instructions comme IE ou Firefox ... mystère ... What's happen ?!?

Dans le Template "viewtopic_body" les instructions sont pourtant claires
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
Chose curieuse width est à 150px qui n'est pas respecté par les navigateurs ...

Cela provient de certainement de ces clichés de 175px de large


Pour autant n'explique pas l'affichage sous "Chrome"

avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 11:30

lmc38510 a écrit:
Vraiment "Chagrin" ce problème ... pourquoi "Chrome" ne prends pas en compte les instructions comme IE ou Firefox ... mystère ... What's happen ?!?

Cela provient de certainement de ces clichés de 175px de large


Pour autant n'explique pas l'affichage sous "Chrome"

oui c'est bizarre , sur IE les clichés ne causent pas de soucis
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 13:53

autre constatation



ce qui a solutionné le problème
pourquoi ??? reflexion :lol!: bonne question
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 19:25


Modifier la taille d'affichage du texte est effectivement une solution
Par exemple :
Code:
.postdetails {font-size: 22px !important;}

Ce serait bien de faire un retour à la ligne d'office après ->  Localité :

Mais pas facile à cibler dans le Template

avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 20:07

lmc38510 a écrit:
Modifier la taille d'affichage du texte est effectivement une solution
Par exemple :
Code:
.postdetails {font-size: 22px !important;}

Ce serait bien de faire un retour à la ligne d'office après ->  Localité :

Mais pas facile à cibler dans le Template

c'est une bonne idée le retour à la ligne , mais comment faire ???
je n'ai pas changé la taille du texte , j'ai raccourci les mots
"localité" pour "localisation"
"inscrit le" pour "date d'inscription"
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 22:57

c'est une bonne idée le retour à la ligne , mais comment faire ???

Je viens de trouver et tester ... ça fonctionne Very Happy

Dans ton template -> viewtopic_body si tu ne l'as pas modifié en ligne 136 tu dois trouver:

Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

ou utilise la fonction chercher en mettant -> profile_field.LABEL

modifie la ligne en ajoutant un saut de ligne ... comme ceci
Code:
{postrow.displayed.profile_field.LABEL} <br /> {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Ne pas oublier de -> ENREGISTRER ensuite de publier -> la modification


avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Dim 26 Fév 2017 - 23:41

j'ai testé ton code , voilà ce que ça donne

je crois que c'est pas très concluant : ça se mélange Interrog
j'ai remis comme c'était , je pense que ça donne mieux comme ça

:thanks: beaucoup d'avoir pris la peine de chercher le code
merci pour ta serviabilité
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Dim 26 Fév 2017 - 23:52


Curieux ton résultat  scratch ... voici ce que j’obtiens en teste sur un Forum

Un retour à la ligne après chaque " : "

reflexion  Certainement une question de taille de l'écriture
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Lun 27 Fév 2017 - 0:01

oui c'est bizarre , c'est peut être à cause des images que j'ai ajouté (drapeau , maison , message .....)
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Lun 27 Fév 2017 - 0:07


Dans ton template -> viewtopic_body ta ligne est-elle exactement comme celle-ci ...?

Code:
        {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

ou as-tu une variable en plus ... reflexion
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Lun 27 Fév 2017 - 0:14

oui elle est exactement pareille
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par lmc38510 le Lun 27 Fév 2017 - 0:18


Pas du tout logique ce codage .... une vraie bête à chagrin geek

Bon pas grave si cela te convient ... c'est l'essentiel ...

Au plaisir "annemarie" Very Happy
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment réduire la colonne ou se trouve l'avatar

Message par annemarie209 le Lun 27 Fév 2017 - 0:23

merci beaucoup lmc38510 pour le temps que tu as passé pour m'aider
merci pour ta disponibilité c'est très gentil à toi
passes une bonne nuit
Amitiés , Anne-Marie
avatar

annemarie209
****

Féminin
Messages : 214
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum