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

2 participants

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 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
comment réduire la colonne ou se trouve l'avatar Colonn10
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

https://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
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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


lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 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
comment réduire la colonne ou se trouve l'avatar 170226095356146687
merci pour ton aide
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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;}
lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 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
comment réduire la colonne ou se trouve l'avatar Sans_t90
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 Dim 26 Fév 2017 - 10:12

mon cadre "répondre" est décalé aussi
comment réduire la colonne ou se trouve l'avatar Sans_t91
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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
comment réduire la colonne ou se trouve l'avatar Sans_t91

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 ...
lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 Dim 26 Fév 2017 - 10:47

tout redevient correct en enlevant le code , dommage pour la colonne Mince
comment réduire la colonne ou se trouve l'avatar Sans_t92
je te remercie d'avoir tenté de m'aider , passes un beau dimanche
amitiés , Anne Marie
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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
comment réduire la colonne ou se trouve l'avatar 170129082811909783comment réduire la colonne ou se trouve l'avatar 170129083259240173

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

lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 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
comment réduire la colonne ou se trouve l'avatar 170129082811909783comment réduire la colonne ou se trouve l'avatar 170129083259240173

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

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

annemarie209
****

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

http://universdeslicornes.1fr1.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 Dim 26 Fév 2017 - 13:53

autre constatation

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

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

annemarie209
****

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

http://universdeslicornes.1fr1.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 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 ->  comment réduire la colonne ou se trouve l'avatar 170226031428911965 Localité :

Mais pas facile à cibler dans le Template

lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 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 ->  comment réduire la colonne ou se trouve l'avatar 170226031428911965 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"
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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 -> comment réduire la colonne ou se trouve l'avatar Check2-vert la modification


lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 Dim 26 Fév 2017 - 23:41

j'ai testé ton code , voilà ce que ça donne
comment réduire la colonne ou se trouve l'avatar Sans_t97
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
comment réduire la colonne ou se trouve l'avatar Sans_t98
:thanks: beaucoup d'avoir pris la peine de chercher le code
merci pour ta serviabilité
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 Dim 26 Fév 2017 - 23:52


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

comment réduire la colonne ou se trouve l'avatar Colonn10 Un retour à la ligne après chaque " : "

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

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 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 .....)
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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
lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 Lun 27 Fév 2017 - 0:14

oui elle est exactement pareille
comment réduire la colonne ou se trouve l'avatar Sans_t99
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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 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
lmc38510

lmc38510
*****

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

https://newparadigme.forumactif.com/
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 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
annemarie209

annemarie209
****

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

http://universdeslicornes.1fr1.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

- Sujets similaires

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