HTML et la programmation CSS

Je travaille avec le code suivant:HTML et la programmation CSS

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <style type="text/css"> 
    td.one 
    { 
     align="center"; 
     colspan="3"; 
     bgcolor="lightgrey"; 
     style="font-size:15px;font-weight:bold;" 
    } 
    </style> 
</head> 

<body> 
    <table border="1" cellspacing="1" cellpadding="1" width="100%"> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    <td class="one">Session 1</td> 
    <td class="one">Session 1</td> 
    </tr> 
</body>

Ce CSS ne fonctionne pas pour moi. Je veux faire des classes si différentes <td> les éléments auront des apparences différentes.

Source

2009-05-07 AGeek

HTML et CSS sont pas les langages de programmation =) –

Il y a deux choses qui ne vont pas avec votre code actuel. Tout d'abord, vous essayez de définir les attributs de td avec CSS, ce qui n'est pas possible - vous ne pouvez modifier que les styles. Vous devez définir les attributs align, colspan et bgcolor (bien qu'il existe des équivalents CSS de certains d'entre eux). Deuxièmement, la syntaxe est incorrecte pour vos règles CSS. Il devrait ressembler à ceci:

td.one 
{ 
    font-size: 15px; 
    font-weight: bold; 
}

Source

2009-05-07 17:16:01

Vous utilisez des noms d'attributs HTML et la syntaxe dans votre feuille de style, alors vous devez utiliser les noms de CSS et de la syntaxe:

<head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <style type="text/css"> 
      td.one 
      { 
       text-align: center; 
       /* There's no way to do colspan="3" in CSS */ 
       background-color: lightgrey; 
       font-size: 15px; 
       font-weight:bold; 
      } 
     </style> 
    </head> 

<body> 
    <table border="1" cellspacing="1" cellpadding="1" width="100%"> 
    <tr> 
    <td> </td> 
    <td> </td> 
    <td class="one">Session 1</td> 
    <td class="one">Session 1</td> 
    </tr> 
</body>

Source

2009-05-07 17:17:04 RichieHindle

Le colspan peut bien sûr être défini dans le code HTML: –

-2

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <style type="text/css"> 
     td.one 
     { 
      text-align:"Center"; 
      background-color:Gray; 
      font-size:15px; 
      font-weight:bold; 
     } 
    </style> 
</head> 

<body> 
    <table border="1" cellspacing="1" cellpadding="1" width="100%"> 
    <tr> 
    <td> </td> 
    <td> </td> 
    <td class="one" colspan="3">Session 1</td> 
    <td class="one">Session 1</td> 
    </tr> 
</body>

Source

2009-05-07 17:17:27 Serapth

HTML et la programmation CSS

Répondre

Questions connexes