Показано с 1 по 7 из 7

Тема: Как сделать в дивах 12 строк 2 столбца

  1. #1

    Здравствуйте. Помогите пожалуйста! Как сделать к примеру 5 строк с колонками. В таблице все просто но не хочу использовать таблицы.

    <table width="100">
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>

    как тоже самое сделать в дивах????
    Заранее спасибо.

  2. #2

    Регистрация
    04.10.2007
    Адрес
    Нижний Новгород
    Сообщений
    78
    <div style="clear:both;">
    <div style="width:33px; float:left;"></div>
    <div style="width:33px; float:left;"></div>
    <div style="width:33px; float:left;"></div>
    </div>

    <div style="clear:both;">
    <div style="width:33px; float:left;"></div>
    <div style="width:33px; float:left;"></div>
    <div style="width:33px; float:left;"></div>
    </div>

    <div style="clear:both;">
    <div style="width:33px; float:left;"></div>
    <div style="width:33px; float:left;"></div>
    <div style="width:33px; float:left;"></div>
    </div>

    и тд, но вообще для таблиц нужно использовать именно таблицы, а не извращаться )

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by tegArt@Oct 9 2007, 15:42
    но вообще для таблиц нужно использовать именно таблицы, а не извращаться
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Вот именно. Золотые слова!

  4. #4

    Регистрация
    04.10.2007
    Адрес
    Нижний Новгород
    Сообщений
    78
    Originally posted by Aykroyd@Oct 9 2007, 14:09
    Вот именно. Золотые слова!*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

  5. #5
    Originally posted by Aykroyd@Oct 9 2007, 16:09
    Вот именно. Золотые слова!*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Золотые но мне интересно как сделать это в дивах. Неужели нельзя?????Все же сейчас так расхваливают ДИВЫ!!!!!!

  6. #6

    Регистрация
    04.10.2007
    Адрес
    Нижний Новгород
    Сообщений
    78
    Originally posted by fenixnt@Oct 9 2007, 16:07
    Золотые но мне интересно как сделать это в дивах. Неужели нельзя?????Все же сейчас так расхваливают ДИВЫ!!!!!!
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    во 1х сделать можно, и пример уже я писал выше
    во 2х все нахваливают логичную верстку, таблицы для того и сделанны чтобы делать из них таблицы, а не сайты, верстка таблицы блоками нерациональна, и глюков больше будет, да и код побольше получится

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    ...Нельзя не заметить, что существует большое многообразие терминов, которыми в наши дни принято величать семантическую верстку. И как ее, бедную, только не называют: CSS-верстка, блочная верстка, «дивная» верстка... Быть может, именно из-за последних двух терминов и возникло одно из самых распространенных заблуждений, заключающееся в том, что суть семантической верстки – это «выкинуть из верстки таблицы и заменить их дивами». Это суждение в корне неверно. Если Вам, к примеру, необходимо представить на веб-странице какой-нибудь прайс-лист в том виде, в котором он отображается в Microsoft Excel™, и Вы при этом не воспользуетесь элементом <table>…</table> – это тоже будет нарушением семантики. Для представления табличных данных должна использоваться именно табличная модель – строки и столбцы.

    В то же время, использование таблиц для управления визуальным расположением других элементов (табличная верстка) – это использование элемента <table>…</table> по той простой причине, что он может или должен выглядеть в браузерах определенным образом. Обратите внимание, что именно выглядеть, а не нести какой-либо смысловой нагрузки...

    Полный материал по этой теме выйдет на днях...

Похожие темы

  1. Разделение строк в IllustratorCS3
    от DarkBMW в разделе Векторная графика
    Ответов: 0
    Последнее сообщение: 18.06.2008, 18:02
  2. списки в дивах с бордером и паддингом
    от mamba в разделе Вёрстка сайта
    Ответов: 11
    Последнее сообщение: 11.05.2007, 20:47
  3. 1000 бегущих строк.
    от the end в разделе Веб-программирование
    Ответов: 3
    Последнее сообщение: 20.02.2007, 00:11
  4. Перенос строк в <textarea>
    от Aykroyd в разделе Веб-программирование
    Ответов: 4
    Последнее сообщение: 11.02.2007, 20:23
  5. Need help. Высота строк в таблице.
    от vmkvadim в разделе Вёрстка сайта
    Ответов: 9
    Последнее сообщение: 28.01.2007, 23:13

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •