Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Table out contener 5 months 2 weeks ago #27474

  • Alain
  • Alain's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 0
Hello
See the following link on smartphone.
linvitation.info/index.php/en-ce-moment/...-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/...-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.

Table out contener 5 months 2 weeks ago #27479

  • Wolfgang
  • Wolfgang's Avatar
  • Away
  • Moderator
  • Moderator
  • voluntary webmaster since 1996
  • Posts: 61
  • Thank you received: 33
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.
The following user(s) said Thank You: jojo12

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

Last edit: by Wolfgang.

Table out contener 5 months 1 week ago #27525

  • Alain
  • Alain's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 0
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
.fdblancarticle{
      background: #ffffff;
}
Dans l'éditeur de l'évènement en mode html, j'ajoute ce qui suit en gras:
<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
.fdblancarticle{
      background: #ffffff;
}
Dans l'éditeur de l'évènement en mode html, j'ajoute ce qui suit en gras:
<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!!!

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

Last edit: by Alain.
  • Page:
  • 1
Time to create page: 0.231 seconds

Donate

If you find JEM useful and if you use it on your site, please consider a donation to the project.

Private Messages

You are not logged in.

Follow us......