HTML und CSS Programmierung

ich mit dem folgenden Code arbeite:HTML und CSS Programmierung

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

Diese CSS arbeitet für mich nicht. Ich möchte Klassen so unterschiedlich machen <td> Elemente werden unterschiedliche Erscheinungen haben.

Quelle

2009-05-07 AGeek

HTML und CSS sind keine Programmiersprachen =) –

Es gibt zwei Dinge, die mit Ihrem aktuellen Code nicht stimmen. Zuerst versuchen Sie Attribute von td mit CSS zu setzen, was nicht möglich ist - Sie können nur Stile ändern. Sie müssen die Attribute align, colspan und bgcolor inline setzen (obwohl es einige CSS-Entsprechungen gibt).

Zweitens ist die Syntax für Ihre CSS-Regeln falsch. Es sollte wie folgt aussehen:

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

Quelle

2009-05-07 17:16:01

Sie verwenden HTML-Namen und der Syntax in Ihrem Stylesheet-Attribut, während Sie CSS Namen und der Syntax müssen werden:

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

Quelle

2009-05-07 17:17:04 RichieHindle

Der colspan kann natürlich im HTML eingestellt werden: –

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

Quelle

2009-05-07 17:17:27 Serapth

HTML und CSS Programmierung

Antwort

Verwandte Themen