HTML и CSS программирование - PullRequest
Новая
       15

HTML и CSS программирование

1 голос
/ 07 мая 2009

Я работаю со следующим кодом: 

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

11 голосов
/ 07 мая 2009

Вы используете имена атрибутов 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>
2 голосов
/ 07 мая 2009

Есть две вещи не так с вашим текущим кодом. Во-первых, вы пытаетесь установить атрибуты td с помощью CSS, что невозможно - вы можете изменять только стили. Вы должны установить встроенные атрибуты align, colspan и bgcolor (хотя некоторые из них имеют CSS-эквиваленты).

Во-вторых, синтаксис неверен для ваших правил CSS. Это должно выглядеть так: 

td.one
{
    font-size: 15px;
    font-weight: bold;
}
0 голосов
/ 07 мая 2009 
<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...