help to better help you:

Please: add always Joomla / JEM version and details to your posts, so we can try to reproduce your issue!

Table out contener

Table out contener

4 years 4 months ago
#27474
Hello
See the following link on smartphone.
linvitation.info/index.php/en-ce-moment/event/5-pain-au-feu-de-bois
The presentation board is outside of the template content in portrait mode.
I added in the custom. css template:
table{
maxi-width: 100%;
}
no result.
Help to modify this anomaly
Thank you

Bonjour
Voir le lien suivant sur smartphone.
linvitation.info/index.php/en-ce-moment/event/5-pain-au-feu-de-bois
Le tableau de presentation est en dehors du contener du template en mode portrait .
J'ai ajouté dans le custom. css du template:
table{
maxi-width: 100%;
}
sans résultat.
Une aide pour modifier cette anomalie
Merci

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

Re: Table out contener

4 years 4 months ago - 4 years 4 months ago
#27479
Salut Alain,

From a very quick inspection I got the impression that your table in the description area cannot be responsive because it must include an image with a fixed width:
<img style="margin: 10px; float: right;" src="/images/animation/pain.png" alt="pain" width="313" height="304" />

BTW: Tables are known to be a problem in responsive layouts. You should consider to replace the table by a responsive design pattern.
Last edit: 4 years 4 months ago by Wolfgang.
The following user(s) said Thank You: jojo12

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

Re: Table out contener

4 years 3 months ago - 4 years 3 months ago
#27525
Thank you for answering.
I understand the problem of tables in responsive mode.
I used the table to be able to put a color in the background of the article (description)
I am looking to work around this problem.
I created a style in the "custom.css" of the template
Code:
.fdblancarticle{ background: #ffffff; }
Dans l'éditeur de l'évènement en mode html, j'ajoute ce qui suit en gras:
Code:
<p></p> [color=green]<div class="fdblancarticle">[/color] <h3 style="text-align: center;"><strong><span style="color: #ff0000;">Nous rallumons le four à pain&nbsp;</span></strong></h3> <p><span style="color: #ff0000;">Précisez si vous souhaitez profiter de la chaleur du four pour cuire vos préparations ....</span></p> <p>&nbsp;</p> <p style="text-align: center;"><span style="color: #339966;">&nbsp;</span></p> [color=green]</div>[/color]
But the white background does not appear !!!


Merci d'avoir répondu.
Je comprends le problème des tableaux en mode responsive.
J'ai utilisé le tableau pour pouvoir mettre une couleur en fond d'article ( description)
Je cherche à contourner ce problème.
J'ai créer un style dans le "custom.css" du template
Code:
.fdblancarticle{ background: #ffffff; }
Dans l'éditeur de l'évènement en mode html, j'ajoute ce qui suit en gras:
Code:
<p></p> [b]<div class="fdblancarticle">[/b] <h3 style="text-align: center;"><strong><span style="color: #ff0000;">Nous rallumons le four à pain&nbsp;</span></strong></h3> <p><span style="color: #ff0000;">Précisez si vous souhaitez profiter de la chaleur du four pour cuire vos préparations ....</span></p> <p>&nbsp;</p> <p style="text-align: center;"><span style="color: #339966;">&nbsp;</span></p> [b]</div>[/b]
Mais le fond blanc n'apparait pas!!!
Last edit: 4 years 3 months ago by Alain.

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

Time to create page: 0.455 seconds