Comment puis-je overide le style CSS dans une table

Question

Lorsque vous étirez votre table tinymce vous obtenez ce

<table class="opbouw" style="width: 725px; height: 170px;" border="0" cellpadding="0" cellspacing="0"> 

Cependant, je veux qu'il soit annulé parce que toutes les tables doivent être une largeur de 100% pour l'impression reste son look merdique.

Quelqu'un peut-il me dire comment overule si la table est de 100% lors de l'impression

Answer 1

Depuis votre width est mis en ligne avec l'style attribut que vous ne serez pas en mesure de la remplacer. Sometimes not even !Important will override it. Si vous pouvez déplacer les informations de dimensionnement vers une classe, vous pouvez réinitialiser la largeur à 100% dans votre feuille de styles d'impression.

Si vous ne voulez pas ajouter les informations de taille à la classe opbouw, vous pouvez créer une deuxième classe, par exemple, narrowTable et appliquer à la fois à la table comme ceci:

<table class="opbouw narrowTable" ...> 

Dans votre impression stylesheet vous pouvez réinitialiser les propriétés de taille:

<style type="text/css"> 
@media print 
{ 
    TABLE, .narrowTable 
    { 
     width: 100%; 
     margin: 0; 
     padding: 0; 
    } 
    } 

    @media screen 
    { 

    .opbouw 
    { 
    } 

    .narrowTable 
    { 
     width: 725px; 
     height: 150px; 
     border: none; 
    } 

    /* all your normal screen styles */ 
    } 
</style> 

Pour en savoir plus sur CSS Selector une spécificité (qui gagne lorsque plusieurs styles sont pointés sur le même élément), see this here, mon article CSS plus préféré sur le web.

Answer 2

Appliquer une règle !important à la fin de celui-ci.

Dans votre fichier CSS:

table { 
    width: 100% !important; 
}