Je dois reprendre une CSS sur une application existante qui initialise entre autre toutes les bordures à zéro.
Or j'ai besoin de surcharger cette attribut général pour ajouter des bordures sur les tr td de divers tableaux généré à la volée par une script en ajax.
ces tableaux sont eux même dans des div + ID et class je peux donc en théorie remonter dedans et forcer l'attribut border.
ce tableau est par exemple entouré d'un div ID MainContent puis Calendar1
donc je devrai pouvoir faire
Or j'ai beau remonter même jusqu'au body je n'arrive pas à afficher la moindre ligne rouge pétante pour avoir le contour de mes tr td.
Une idée de comment passer quand même ?
Ps la css que je surcharge est dans la page pour l'instant alors que l'instruction * { est appelée en haut du squelette de page.
Pas possible de donner un lien c'est une application web protégée.
/* ========================== CSS Reset ========================== */
* {
border: 0 none;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}Or j'ai besoin de surcharger cette attribut général pour ajouter des bordures sur les tr td de divers tableaux généré à la volée par une script en ajax.
<table class="main" cols="7" cellpadding="0" border="1" cellspacing="0"><tbody><tr align="center"><td colspan="7" align="center" class="month">Janvier - 2013</td></tr><tr align="center"><td class="daysofweek">D</td><td class="daysofweek">L</td><td class="daysofweek">M</td><td class="daysofweek">M</td><td class="daysofweek">J</td><td class="daysofweek">V</td><td class="daysofweek">S</td></tr><tr align="center"><td id="1-1" class="days"> </td><td id="1-2" class="days"> </td><td id="2013-1-1" class="days">
<span class="">01</span></td><td id="2013-1-2" class="days">
<span class="">02</span></td><td id="2013-1-3" class="days">
<span class="">03</span></td><td id="2013-1-4" class="days">
<span class="">04</span></td><td id="2013-1-5" class="days">
<span class="">05</span></td></tr><tr align="center"><td id="2013-1-6" class="days">
<span class="">06</span></td><td id="2013-1-7" class="days">
<span class="">07</span></td><td id="2013-1-8" class="days">
<span class="">08</span></td><td id="2013-1-9" class="days">
<span class="">09</span></td><td id="2013-1-10" class="days">
<span class="">10</span></td><td id="2013-1-11" class="days">
<span class="">11</span></td><td id="2013-1-12" class="days">
<a href="javascript:detailDate(12,01,2013)"><span class="vide">12</span></a></td></tr><tr align="center"><td id="2013-1-13" class="days">
<a href="javascript:detailDate(13,01,2013)"><span class="vide">13</span></a></td><td id="2013-1-14" class="days">
<a href="javascript:detailDate(14,01,2013)"><span class="vide">14</span></a></td><td id="2013-1-15" class="days">
<a href="javascript:detailDate(15,01,2013)"><span class="vide">15</span></a></td><td id="2013-1-16" class="days">
<a href="javascript:detailDate(16,01,2013)"><span class="vide">16</span></a></td><td id="2013-1-17" class="days">
<a href="javascript:detailDate(17,01,2013)"><span class="vide">17</span></a></td><td id="2013-1-18" class="days">
<a href="javascript:detailDate(18,01,2013)"><span class="vide">18</span></a></td><td id="2013-1-19" class="days">
<a href="javascript:detailDate(19,01,2013)"><span class="vide">19</span></a></td></tr><tr align="center"><td id="2013-1-20" class="days">
<a href="javascript:detailDate(20,01,2013)"><span class="vide">20</span></a></td><td id="2013-1-21" class="days">
<a href="javascript:detailDate(21,01,2013)"><span class="vide">21</span></a></td><td id="2013-1-22" class="days">
<a href="javascript:detailDate(22,01,2013)"><span class="vide">22</span></a></td><td id="2013-1-23" class="days">
<a href="javascript:detailDate(23,01,2013)"><span class="vide">23</span></a></td><td id="2013-1-24" class="days">
<a href="javascript:detailDate(24,01,2013)"><span class="vide">24</span></a></td><td id="2013-1-25" class="days">
<a href="javascript:detailDate(25,01,2013)"><span class="vide">25</span></a></td><td id="2013-1-26" class="days">
<a href="javascript:detailDate(26,01,2013)"><span class="vide">26</span></a></td></tr><tr align="center"><td id="2013-1-27" class="days">
<a href="javascript:detailDate(27,01,2013)"><span class="vide">27</span></a></td><td id="2013-1-28" class="days">
<a href="javascript:detailDate(28,01,2013)"><span class="vert">28</span></a></td><td id="2013-1-29" class="days">
<a href="javascript:detailDate(29,01,2013)"><span class="vert">29</span></a></td><td id="2013-1-30" class="days">
<a href="javascript:detailDate(30,01,2013)"><span class="vert">30</span></a></td><td id="2013-1-31" class="days">
<a href="javascript:detailDate(31,01,2013)"><span class="vert">31</span></a></td><td id="1-34" class="days"> </td><td id="1-35" class="days"> </td></tr><tr align="center"><td id="1-36" class="days"> </td><td id="1-37" class="days"> </td><td id="1-38" class="days"> </td><td id="1-39" class="days"> </td><td id="1-40" class="days"> </td><td id="1-41" class="days"> </td><td id="1-42" class="days"> </td></tr></tbody></table>ces tableaux sont eux même dans des div + ID et class je peux donc en théorie remonter dedans et forcer l'attribut border.
ce tableau est par exemple entouré d'un div ID MainContent puis Calendar1
donc je devrai pouvoir faire
#MainContent #calendar1 table tr td { border: 1px solid red; }Or j'ai beau remonter même jusqu'au body je n'arrive pas à afficher la moindre ligne rouge pétante pour avoir le contour de mes tr td.
Une idée de comment passer quand même ?
Ps la css que je surcharge est dans la page pour l'instant alors que l'instruction * { est appelée en haut du squelette de page.
Pas possible de donner un lien c'est une application web protégée.
