Гойкман Ньюз

[crazy-mike]

так все новости не статические, постоянно происходит автоматическое обновление новостей во всех разделах, каждый час примерно.

Не имеет значения. Там просто избыточная нерациональная разметка. Классов принято плодить как можно меньше. Да и идентификаторов элементов документа использовать тоже. Вместо <div> можно вообще <p> использовать. И даже <u>.

[Valen007]

Не имеет значения. Там просто избыточная нерациональная разметка. Классов принято плодить как можно меньше. Да и идентификаторов элементов документа использовать тоже.

Хорошо. До сути проекта вы не дошли. Но я вам благодарен за конструктивную критику.

[crazy-mike]

Хорошо. До сути проекта вы не дошли. Но я вам благодарен за конструктивную критику.

а суть проекта вообще значения не имеет. Лишь бы быстро грузилось и браузер на обработке такого кода не плющило.
Ну а чем больше классов и идентификаторов - тем большая нагрузка на обработчик всей этой мути.

[Valen007]

а суть проекта вообще значения не имеет. Лишь бы быстро грузилось и браузер на обработке такого кода не плющило.
Ну а чем больше классов и идентификаторов - тем большая нагрузка на обработчик всей этой мути.

мне кажется, что у сути проекта тоже есть кое-какое значение.

[смешно]

хорошо бы все заголовки новостей в отдельный столбик

[Valen007]

хорошо бы все заголовки новостей в отдельный столбик

со ссылками на источник новостей? Куда пойдет параграф из новостей?

[crazy-mike]

со ссылками на источник новостей? Куда пойдет параграф из новостей?

Обычно слева - 20% или 30% от ширины страницы. Там такое "оглавление горячих новостей". Но справа такое тоже делают. А в центре оставляют 60% для dashboard. Сверху - toolbar с меню и снизу footer - со всякой дополнительной мутью. Одна из разновидностей "стандартной разметки для блогов". Такое как раз очень логично средствами HTML5 отображается. Правда для смартфонов и планшетов сейчас кое-где популярен card layout или tabbed layout - но это совсем не обязательно ( тоже делается даже через <div> , но только чуть модифицируется css. Правда находятся энузиасты , которые для этих целей используют <table> ).

[Valen007]

Обычно слева - 20% или 30% от ширины страницы. Там такое "оглавление горячих новостей". Но справа такое тоже делают. А в центре оставляют 60% для dashboard. Сверху - toolbar с меню и снизу footer - со всякой дополнительной мутью. Одна из разновидностей "стандартной разметки для блогов". Такое как раз очень логично средствами HTML5 отображается. Правда для смартфонов и планшетов сейчас кое-где популярен card layout или tabbed layout - но это совсем не обязательно ( тоже делается даже через <div> , но только чуть модифицируется css. Правда находятся энузиасты , которые для этих целей используют <table> ).

Т.е. сделать одну колонку, а не 4? Можно ссылку на пример?

[crazy-mike]

Т.е. сделать одну колонку, а не 4? Можно ссылку на пример?

Ну - "колонок" ведь может быть сколько понравится. В данном случае я постил о page layout , который можно реализовывать любыми средствами ( хоть через div хоть через table ).

Всё ведь даже вот так может выглядеть,например:

<section>
<p>
<u>
....
</u>
<b>
.....
</b>
</p>
</section>

но в css , конечно же , что-то похожее на:

  section { display :table; width :100%; }
  section p { dispaly :table-row; }
  p u { display :table-cell; width :30%;  text-decoration :none; }
  p b { display :table-cell; width :70%;  text-decoration :none; }  

внутри <u>...</u> вставляешь "переходы" на "горячие новости" хоть через <a href="" target="" />
Но для <a> просто в css добавляешь:

  u a { display :table-row; сursor :pointer; }

Там уже как понравится. Хоть u a:hover { font-size :150%; }

[смешно]

со ссылками на источник новостей? Куда пойдет параграф из новостей?

cnn.com левая колонка "latest" или "top stories"