Excel semble qu'il ne comprend pas l'atsortingbut HTML 'class' si plusieurs classs CSS sont pointées pour l'élément HTML.
Par exemple, si "class = 'A B'" pointé vers la balise 'TD' Excel utilisera le style vide pour la balise.
J'ai ce code html:
<style type="text/css"> TABLE.t1_table{ background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse;
}
TR.t1_ph TD{ background-color:#B0C4DE; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5;
}
TR.t1_co TD{ background-color:#103a70; border:solid 1px #3A6EA5; padding-right:6px;
}
</style> <table class="t1_table" cellpadding="" cellspacing=""> <tr class="t1_ph"><td colspan="1">Age</td></tr> <tr class="t1_co"><td style="background-color:#cb7878">45</td></tr> <tr class="t1_co"><td>23</td></tr> </table>
</ style></style> <table class="t1_table" cellpadding="" cellspacing=""> <tr class="t1_ph"><td colspan="1">Age</td></tr> <tr class="t1_co"><td style="background-color:#cb7878">45</td></tr> <tr class="t1_co"><td>23</td></tr> </table>
Si j'ouvre le file dans IE, je peux le voir correctement. Si j'ouvre le file dans MS Excel, je vois mal.
C'est un problème connu dans Office?
Quelqu'un at-il une expérience de ce problème?
Merci.
Excell n'est pas un browser internet et ne vous attendez pas à parsingr css, il utilisera uniquement un élément contenant des classs, donc vous devez utiliser ce type de code:
<style type="text/css"> .t1_table { background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse; } .t1_ph { background-color:green; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5; } .t1_co { background-color:red; border:solid 1px #3A6EA5; padding-right:6px; } </style> <table class="t1_table" cellpadding="" cellspacing=""> <tr><td class="t1_ph">Age</td></tr> <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr> <tr><td class="t1_co">23</td></tr> </table>
}<style type="text/css"> .t1_table { background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse; } .t1_ph { background-color:green; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5; } .t1_co { background-color:red; border:solid 1px #3A6EA5; padding-right:6px; } </style> <table class="t1_table" cellpadding="" cellspacing=""> <tr><td class="t1_ph">Age</td></tr> <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr> <tr><td class="t1_co">23</td></tr> </table>
}<style type="text/css"> .t1_table { background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse; } .t1_ph { background-color:green; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5; } .t1_co { background-color:red; border:solid 1px #3A6EA5; padding-right:6px; } </style> <table class="t1_table" cellpadding="" cellspacing=""> <tr><td class="t1_ph">Age</td></tr> <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr> <tr><td class="t1_co">23</td></tr> </table>
}<style type="text/css"> .t1_table { background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse; } .t1_ph { background-color:green; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5; } .t1_co { background-color:red; border:solid 1px #3A6EA5; padding-right:6px; } </style> <table class="t1_table" cellpadding="" cellspacing=""> <tr><td class="t1_ph">Age</td></tr> <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr> <tr><td class="t1_co">23</td></tr> </table>
</ style><style type="text/css"> .t1_table { background-color:#828a3c; border:solid 1px #3A6EA5; padding-left:2px; padding-top:2px; padding-right:2px; padding-bottom:2px; font-style:italic; font-variant:small-caps; font-size:20px; color:#6b3f07; border-collapse:collapse; } .t1_ph { background-color:green; border:solid 1px #3A6EA5; padding-right:6px; font-weight:bold; color:#3A6EA5; } .t1_co { background-color:red; border:solid 1px #3A6EA5; padding-right:6px; } </style> <table class="t1_table" cellpadding="" cellspacing=""> <tr><td class="t1_ph">Age</td></tr> <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr> <tr><td class="t1_co">23</td></tr> </table>
Cela est également bon, car parfois vous devez définir Excel type cellulaire et vous pouvez utiliser les formats suivants: http://cosicimiento.blogspot.co.at/2008/11/styling-excel-cells-with-mso-number. html