28173 sujets

CSS et mise en forme, CSS3

Pb avec un titre

je n'arrive pas à afficher mon titre en blanc et en gras
c'est dans TR.app

voici le code : 

.Table2
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FLOAT: none;
    BORDER-LEFT: black thin solid;
    BORDER-BOTTOM: black thin solid;
    FONT-FAMILY: 'Times New Roman';
    POSITION: static;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
TR.app
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Times New Roman';
    BACKGROUND-COLOR: #352f88;
    TEXT-DECORATION: underline;
 }
.Table2 TD
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    MARGIN: 0px 1px 1px 0px;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial
}

Merci
Bonjour sissi25,

Essaies ça pour voir : 


tr.app
{
    font-weight: bold;
    font-size: 16pt;
    text-transform: uppercase;
    color: #fff;
    font-family: "Times New Roman", serif;
    background-color: #352f88;
    text-decoration: underline;
 }


Aymeric, Juste pour voir hein.
Hmmm ben là il va falloir balancer ta page pour que je puisse approfondir la question.

La classe est bien atribuée dans le code html?

Aymeric, profitez en je fais un break boulot là. Smiley smile 

<tr class="app">
<td colspan="7" class="app">SPQR</td>
</tr>
<tr>
<td class="sessfin" width="200">Titre</td>
<td class="sessfin" width="120">Début du traitement</td>
<td class="sessfin" width="120">Fin du traitement</td>
<td class="sessfin" width="50">Statut</td>
<td class="sessfin" width="350">Message d'erreur</td>
<td class="sessfin" width="100">Serveur</td>
<td class="sessfin" width="50">Tache</td>
</tr>


Voilà
Bon je ne suis pas un pro des héritages du couple CSS/tableaux, mais il semble que ce soit la class ".Table2 TD" qui se mélange avec ta class TR.app

si tu retire : 


  FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
   COLOR: black;


Ton titre prend bien son effet mais la ligne du dessous passe en gras du coups.

Maintenant, il va surement falloir restructurer tes class pour optimiser les problèmes d'héritage.

Bon courage,
Aymeric
nORKy a écrit :
Il me semble que les propriétés doivent être obligatoirement en minuscule non ?

Ça a l'air de passer également en majuscules pour le nom des propriétés (pour les valeurs je doute que ça marche aussi bien), mais ça n'est pas la syntaxe conseillée. Les CSS, c'est plutôt du 100% bas de casse (idem pour XHTML, d'ailleurs).
Sujet clos
Aller à