Как сделать табличку дивами?

Сообщений: 34 Регистрация: Апр 2012

14 Апреля 2013 19:13

Делаю табичку через диви, а у меня правий столбец едит вниз. Что мне делать? Можете на примере показать как сделать табличку дивами?

_twt.repacks.org.ua/9-ivan-urgant.html

Пиротехника купить (http://"http://piromarket.com.ua/") в Украине с доставкой по по выгодной цене. Только у меня для учасников форума скидка. Интернет магазин Пиро Маркет

Coder

Сообщений: 10608 Регистрация: Мар 2013

14 Апреля 2013 19:39

Для табличного представление именно table и предназначено. Поищите в инете, но это уже перебор. Кроме того, будут проблемы с кроссбраузерностью. Сделать можно, но овчинка не стоит выделки. Имхо.

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

Victoria

Сообщений: 121 Регистрация: Апр 2011

14 Апреля 2013 20:13

Цитата
Кроме того, будут проблемы с кроссбраузерностью

Никаких проблем не будет ...
Фиксированными значениями длинны, высоты и координат положения при абсолютном позицировании

Изменено: Victoria - 14 Апреля 2013 20:14

Coder

Сообщений: 10608 Регистрация: Мар 2013

14 Апреля 2013 20:24

Цитата
Victoria пишет: Никаких проблем не будет ...

Ой ли? семейство IE8 и менее отличаются капризным нравом.

Цитата
абсолютном позицировании

тоже нежелательно, имхо.

А главное - зачем, когда есть таблицы. Преимущества div над table так никем и не доказаны, а уж для информации табличного представления, вопрос вообще понятен. Имхо, понятно.

Впрочем, если кто хочет делать дивами, то пусть делает - выбор каждого.

HeatoN

Сообщений: 1632 Регистрация: Апр 2013

14 Апреля 2013 21:05

Изучайте HTML, школьники smile:D

Желательно 5.
Там же в книжках все это описывается.

Валентин

Сообщений: 621 Регистрация: Май 2010

15 Апреля 2013 08:34

Цитата
Victoria пишет: Фиксированными значениями длинны, высоты и координат положения при абсолютном позицировании

размеры + позиционирование влево (float: left;))

Цитата
Coder пишет: А главное - зачем, когда есть таблицы. Преимущества div над table так никем и не доказаны,

таблица дольше грузится и труднее редактируется...

Цитата
Coder пишет: Для табличного представление именно table и предназначено.

вот это - самое главное!

инвестиции

Victoria

Сообщений: 121 Регистрация: Апр 2011

15 Апреля 2013 09:21

Цитата
Coder пишет: Ой ли? семейство IE8 и менее отличаются капризным нравом.

Не ой ли, зависит от опытности верстальщика, например страница standart-3166.clan.su/index/0-12 (всего подобных на сайте 19 штук) была создана ещё при использовании Internet Explorer 8, как были такие страницы кроссбраузерны в прошлом так и сейчас ситуация с ними не изменилась и в IE 9 и IE 10 (остальные обозреватели типа Opera, Chrome, Firefox даже не упоминаю). Вёрстка массива данных чисто DIV ...
А на счёт типа IE 5 - IE 6, расчитывать на кроссбраузерность в них, это чистой воды садо-маза идиота ...

Victoria

Сообщений: 121 Регистрация: Апр 2011

15 Апреля 2013 09:23

Цитата
Валентин пишет: таблица дольше грузится и труднее редактируется...

100% верное заключение.
Выше упомянутая страница, изначально сделанная таблицей, была просто горным тормозом. При реализации div_ами результат превосходный ..

Цитата
размеры + позиционирование влево (float: left;))

Не совсем так ...
Примерно так и без использования float, для резинового типа макета длину и значения координат (left, top) указывать в % или EM ..

Код
position: absolute; left: 0px; top: 0px; width: 20px; height: 20px;

Изменено: Victoria - 15 Апреля 2013 09:39

Aleksey

Сообщений: 148 Регистрация: Дек 2012

15 Апреля 2013 10:23

<div class=gl>
<div class=dv></div>
<div class=dv></div>
<div class=dv></div>
</div>
.gl {widtch:900px;}
.dv {floal:left; widtch: 299px}

Валентин

Сообщений: 621 Регистрация: Май 2010

#10

15 Апреля 2013 11:59

Цитата

Victoria пишет:

Цитата
размеры + позиционирование влево (float: left;))

Код
position: absolute; left: 0px; top: 0px; width: 20px; height: 20px;

именно так smile:)

а если макет не резиновый, а адаптивный?

Код
position: absolute;

применяется в крайних случаях, когда ничем другим уже не "вылечить"

Цитата
Victoria пишет: страница standart-3166.clan.su/index/0-12

вы меня извините, но это говнокод

Coder

Сообщений: 10608 Регистрация: Мар 2013

#11

15 Апреля 2013 12:02

Цитата
Victoria пишет: 100% верное заключение .

Не совсем так. Современные браузеры умеют подгружать в оптимальном режиме. А насчет увлечения дивами - есть такой термин "дивизация". Насчет горного тормоза не соглашусь. Имхо.

Похожие темы:

10.03.2024 22:41	Как сделать 301 редирект на https
16.07.2018 22:30	Как по умолчанию сделать спойлер открытым?
29.06.2018 11:09	Как сделать микроразметку dle 8.5
15.04.2018 13:51	Нужно сделать разметку чтобы видео выводилось в яндекс видео
26.12.2017 23:23	Подскажите как сделать так в DLE XFlist

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 19:06 Стоит ли добавлять сайт в Rambler топ 100? 17:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 09:56 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг	18:00 TokenTrade — Ваш новый надежный обменник 12:59 Бустмаркет 12:57 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin 12:51 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 12:50 Trustpilot Reviews \| Подниму рейтинг вашей компании 12:50 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 12:50 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж	20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники? 22:26 Какой фильм посмотреть сегодня вечером?