2009-05-07 15 views
1

私は次のコードで働いています:HTMLと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> 

このCSSは私のために働いていません。私はクラスが違うようにしたいのです<td>要素は異なる外観を持ちます。

+3

HTMLとCSSされていますプログラミング言語ではない=) –

答えて

2

現在のコードには2つの問題があります。まず、CSSでtdの属性を設定しようとしていますが、これは不可能です。スタイルを変更することのみ可能です。 align,colspanおよびbgcolorの属性をインラインに設定する必要があります(ただし、これらのCSSに相当するものもあります)。

第2に、CSSルールの構文が正しくありません。それは次のようになります。

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

あなたはHTMLを使用しているあなたはCSSの名前と構文を使用している必要があり、一方、あなたのスタイルシートに名前と属性構文を:

<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> 
+1

colspanはもちろん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>