Table pour s'adapter et ne pas réduire

Question

Je pourrais prendre n'importe quel bbcode, l'analyser et le mettre dans la zone d'annonce de forum sans beaucoup de modification. Depuis que j'ai modifié la zone d'annonces il y a quelques mois, la zone d'annonces a désormais tendance à totalement chambouler ces publicités. Il semble insérer des sauts de ligne entre la plupart des éléments.

Alors, je veux faire quelque chose comme ça sans javascript, en utilisant des classes et non IDS et XHTML 1.0 Transitional

How it should look

Mais il faut regarder mauvaise échelle vers le bas

wrong scale down

Site Web de test avec échelle réduite

scaledown wsrong.esy.es/index.html (SUPPRIMER L'ESPACE)

Quelqu'un peut-il m'aider?

Answer 1

Il est à cause d'une classe définie dans votre page de test qui applique min-width:100% et display:inline-block; à vos cellules de table:

.APNFQEmuvdnRbBnOdYJEyg table,.APNFQEmuvdnRbBnOdYJEyg tbody,.APNFQEmuvdnRbBnOdYJEyg tr,.APNFQEmuvdnRbBnOdYJEyg td { 
    display:inline-block; max-width:100%; min-width:100%; overflow:hidden 
} 

Donc, vous devriez éviter cette classe à appliquer à votre table ou modifier cette classe de style (à la ligne 30)

ou en quelque sorte la remplacer par l'ajout d'une nouvelle classe comme ci-dessous:

.noMinWidth tr, .noMinWidth td { min-width:0; } 

et l'appliquer à yo ur ligne parent contenant votre code

<tr class="APNFQEmuvdnRbBnOdYJEyg noMinWidth"> ... 

Note: Je vois que vous utilisez <tr class="APNFQEmuvdnRbBnOdYJEyg" style="min-width: initial;"> pour la ligne parent contenant votre code, mais la classe APNFQEmuvdnRbBnOdYJEyg sera également appliquée à tous les td cellules dans votre tr valeurs de remplacement que min-width: initial; style que vous définissez.