Проектирование отображения новостей

Question

Прямо сейчас я публикую новости и обновления на моем сайте следующим образом:

<table class = "myclass">
  <tr>
    <td>
      <i>9/23/11</i><br>
      Update goes here.
    </td>
  </tr>
  <tr>
    <td>
      <i>9/17/11</i><br>
      Another update here
    </td>
  </tr>
</table>

Кажется, должен быть лучший способ сделать это. Я не профессионал и ищу что-то простое и простое, чтобы сделать эту работу. Есть ли лучший способ?

Answer 1

Я бы использовал divs ...

css:

.update div:first-child{font-style: italic;}

html:

<div class="myclass">
    <div class="update">
        <div>9/23/11</div>
        <div>Update goes here.</div>
    </div>
    <div class="update">
        <div>9/17/11</div>
         <div>Another update here</div>
    </div>
</div>

Вот скрипка: http://jsfiddle.net/P35NT/

Answer 2

Использование Div с.Таким образом, ваш HTML будет выглядеть так:

  <table class = "myclass">
<tr>
<td>
      <div class='date'>9/23/11</div>
     <div id='update1' >Update Goes Here</div>
</td>
</tr>
<tr>
<td>
    <div class='date'>9/23/11</div>
    <div id='update2' >Another update here</div>
</td>
</tr>
</table>

, а ваш CSS

.date{
    font-style : italic;
}

Проверьте эту скрипку http://jsfiddle.net/45AE9/10/

Я использовал идентификаторы для элементов, связанных с обновлениемв случае, если вы хотите обновить данные на более позднем этапе, вы можете получить доступ к этим элементам div по их идентификаторам