[résolu] PB d'apparence avec mes champs texte

More
9 years 10 months ago - 9 years 10 months ago #51816 by lclaude
Bonjour à tous,
J'ai un problème d'affichage avec des champs texte [textarea]. En fait celui ci ne s'affiche pas toujours pareil en fonction de ce qu'il contient.
J'ai un type d'article qui contient une succession de champs image/textarea et image/textaera et image/textaera, etc.
Voir ceci :


Quand on regarde de plus près, on voit que l'affichage du texte entre les étapes 3 et 4 ne se positionne pas au même endroit :

En étape 3 le texte est en dessous du nom de l'étiquette.
En étape 4 le texte est sur la même ligne que l'étiquette.

Je suppose que ce comportement d'affichage est fonction de la longueur de la première ligne de texte.
Si cette ligne est grande alors un retour à la ligne est forcé avant son affichage, si elle est courte alors il n'y a pas de retour à la ligne.
Ça c'est cool.
Mais le problème est que le reste du texte (les lignes en dessous) est aligné à gauche en fonction de cette première ligne. Et ça crée un alignement à gauche de tout le texte qui n'est n'est pas cool !

Le site n'est pas encore public, mais voici des paramètres de connexion pour vous rendre compte plus en détails de ce comportement :
URL : www.ium-wear.fr/index.php?option=com_fle...u&Itemid=517&lang=fr
login : toto
pass : tutu

Merci de toutes vos aides !

Laurent
Last edit: 9 years 10 months ago by lclaude.

Please Log in or Create an account to join the conversation.

More
9 years 10 months ago #51823 by ggppdk
Hello

the link and picture helped to review this fast



--the container of the textarea is to float
(float:left;)

... so if it does not fit it will wrap, right ???



you can set this specific fiel to none float

.flexi.value.field_field34,
.flexi.value.field_field36,
.flexi.value.field_field_NNNN,
.flexi.value.field_field_PPPP {
float: none;
}


or clear it so the folds

.flexi.value.field_field34,
.flexi.value.field_field36,
.flexi.value.field_field_NNNN,
.flexi.value.field_field_PPPP {
clear: both;
}


please replace
field_field_NNNN
field_field_PPPP
etc with your fields ...


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
9 years 10 months ago #51841 by lclaude
Hello,

Hummm, the CSS! Why didn't I thought....
Many thanks!!

Laurent

Please Log in or Create an account to join the conversation.

More
9 years 10 months ago #51843 by micker
penses a nous faire un retour et passer le sujet en resolu
Merci

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

More
9 years 10 months ago #51844 by lclaude
Mon retour est que j'ai eu ma solution avec la réponse de GGPPDK,
j'ai donc opté pour :

.flexi.value.field_field_XXX {
clear: both;
}

Et ça marche nickel.

Et c'est moi qui vous remercie, hein !

Laurent

Please Log in or Create an account to join the conversation.

More
9 years 10 months ago #51853 by micker
++

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.389 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline