Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737 Форумы портала PHP.SU :: Почему css не работает совместно с html
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
Почему вот это не канает?:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table style="border:1px red solid;">
<div style="display:table-row;">
<div style="display:table-cell;border:1px green solid;">
fsdfdsf
</div>
<div style="display:table-cell;border:1px blue solid;">
fsdfdsf
</div>
</div>
<div style="display:table-row;">
<div style="display:table-cell;border:1px green solid;">
fsdfdsf
</div>
<div style="display:table-cell;border:1px blue solid;">
fsdfdsf
</div>
</div>
</table>
</body>
</html>
Имею ввиду почему тег table не становится таблицей для внутренних дивов? То есть браузер создает две таблицы, одна table, а другая анонимная вокруг дивов?
DeepVarvar
Отправлено: 15 Августа, 2011 - 01:19:50
Активный участник
Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра
Помог: 353 раз(а)
Ну так он ждет что у таблицы будет хоть один ряд и в нем хоть одна ячейка.
Иначе это не таблица...
-----
Pavelbeginner
Отправлено: 15 Августа, 2011 - 01:46:59
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
Ну я же прописал css свойства дивам. Теперь они являются рядом и ячейками.
grefon
Отправлено: 15 Августа, 2011 - 02:08:20
Частый посетитель
Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010
Помог: 32 раз(а)
Pavelbeginner, потому что тут идет эмуляция таблицы средствами css. Так просто изначально делать некорректно, получается киборг - недочеловек, недоробот.
<tablestyle="border:1px red solid;display:inline-block;"cellpadding="5"cellspacing="5">
<divstyle="display:table-row;">
<divstyle="display:table-cell;border:1px green solid;"> fsdfdsf </div>
<divstyle="display:table-cell;border:1px blue solid;"> fsdfdsf </div>
</div>
<divstyle="display:table-row;">
<divstyle="display:table-cell;border:1px green solid;"> fsdfdsf </div>
<divstyle="display:table-cell;border:1px blue solid;"> fsdfdsf </div>
</div>
</table>
-----
DeepVarvar
Отправлено: 15 Августа, 2011 - 07:58:56
Активный участник
Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра
Помог: 353 раз(а)
grefon Это прямо какой-то грустный Psychodelic-XML
-----
Pavelbeginner
Отправлено: 15 Августа, 2011 - 12:05:34
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
эмуляция не эмуляция, какая разница? Ведь весь html это все лишь теги, которые в последствии браузер превратит в объекты в памяти, затем этим объектам будет присвоено css свойство display. В этом можно убедиться посмотрев через фаербаг значение свойства display у table, которое присваивает браузер по-умолчанию. Оно равно display:table. Если я в чем-то ошибаюсь, то, пожалуйста, расскажите алгоритм, как все это браузер делает.
Данил_123
Отправлено: 15 Августа, 2011 - 13:46:25
Участник
Покинул форум
Сообщений всего: 1026
Дата рег-ции: Июнь 2011 Откуда: rostov
Помог: 9 раз(а)
Не понятно зачем засорять html-код, но раз Вы хотите так, то можно попробавать внести css код в теги
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
Данил_123, причем здесь это? Фигню какую-то пишете.
grefon
Отправлено: 15 Августа, 2011 - 19:35:22
Частый посетитель
Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010
Помог: 32 раз(а)
Pavelbeginner пишет:
эмуляция не эмуляция, какая разница?
Ошибаетесь! Css - это внешний вид, а не сама структура. Вот Вам конкретный пример:
Есть у Вас машина, Вы на нее хотите спойлер прикрутить или бампер матерый. Одно дело это все из реальных железок сделать, а второе прикрепить наклейку, которая будет просто изображать навороченный бампер. Вот css - это наклейка, которая просто изменяет вид, но саму архитектуру она не затрагивает. А для браузера при построении объекта в первую очередь важна архитектура, а потом наклейки, которые на эту архитектуру лепятся.
В общем не парьте мозг себе и браузеру, а просто пользуйтесь правильными тегами.
DeepVarvar пишет:
grefon Это прямо какой-то грустный Psychodelic-XML
Согласен, но какой вопрос - такой ответ!
-----
Pavelbeginner
Отправлено: 15 Августа, 2011 - 21:40:06
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
Не знаю, я все же считаю, что нету никакой архитектуры. Есть просто набор тегов(для лохов, уж извините). Лохи знают, что делают теги и используют их. У тегов уже прописаны, как Вы выражаетесь "наклейки" и поэтому браузер отображает тег table, как таблицу и т.д. В доказательство сего факта откройте фаербагом документ и посмотрите любой тег, у него уже прописаны браузеровские стили. И, если я прописываю диву свойство display:table, то это никакая не эмуляция. Если я ошибаюсь, то докажите обратное, а не просто нелепые примеры.
grefon
Отправлено: 16 Августа, 2011 - 00:31:31
Частый посетитель
Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010
Помог: 32 раз(а)
Pavelbeginner пишет:
Если я ошибаюсь, то докажите обратное, а не просто нелепые примеры.
Ого! Даже так? Может мне еще лезгинку станцевать?
Вы тему создаете, чтобы Вам тут люди доказывали? Был задан вопрос, был дан ответ, а то, как Вы это понимаете - это Ваши личные половые проблемы.
-----
Pavelbeginner
Отправлено: 16 Августа, 2011 - 01:01:19
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
Можно и без лезгинки. Я тему создаю, чтобы помогли, но не наоборот. Если Вы говорите, что что-то говно, то Вы должны быть уверены в этом, а не вводить в заблуждение. Я спросил, Вы посмеялись над вопросом, с умным видом привели пример из реального мира, на что я не согласился и, раз уж Вы посмеялись, то я предложил Вам доказать свою состоятельность, чтобы смеяться над другими, путём объяснения, где я не прав, приведя факты, хотя бы ссылку.
А не так, что абы ляпнуть что-то умное, типа "эмуляция таблицы" т.д. и т.п.
grefon
Отправлено: 16 Августа, 2011 - 02:54:28
Частый посетитель
Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010
Помог: 32 раз(а)
Так доказательство в первом посте! Перечитайте, вроде Вы ведь писали.
Если браузер все воспринимает только по стилям, то почему вообще тема возникла? От куда бока пошли?
Ситуация просто отличная получилась:
- мужики, у меня самолет на воде летать не хочет?
- потому, что нужно топливо! Вода тоже жидкая, но это не одно и тоже.
- какое нафиг топливо? в самолете по-умолчанию стоит понимать жидкость так-то и так-то, и если я хочу заправлять водой, то буду!
- делайте, как хотите.
- не, ты мне докажи что я не прав!
-----
Pavelbeginner
Отправлено: 16 Августа, 2011 - 10:21:58
Частый посетитель
Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010
Помог: 1 раз(а)
Поскольку мой пример интерпретируется браузером не так, как я описал, то я и предположил, что у него есть приоритет над стилями, возможно, как вы называете "архитектура". То есть он ожидает после тега table встретить тег tr. Собственно в доказательство сего факта, если это так, то хотел бы ссылочку, где это все описывается. Мне не понятно, что значит "нарушена структура", то есть более менее себе представляю, что это значит порядок следования тегов друг в друге, но хотелось бы почитать про это. А когда я спрашиваю все лишь пытаются посмеяться, что-то сказав(может даже и правильное), но никто не говорит полностью, как есть и где можно прочесть этот момент.
grefon
Отправлено: 16 Августа, 2011 - 19:59:32
Частый посетитель
Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010
Помог: 32 раз(а)
Я посмеяться не пытаюсь, но ситуация и сам вопрос забавные. Про "нарушена структура" Вы все правильно поняли. Теги должны идти в определенной последовательности, и у тегов стоит приоритет в браузере над стилями. Из за этого и возникла тема, и именно это я описал выше. Что такое эмуляция я думаю Вы и сами понимаете - это когда тег искусственно подменяется в визуальном плане на другой (заменить отображение div на tr). А где почитать я не знаю, потому что изучал все это много лет назад и ссылки не сохранял. Попробуйте порыскать по сети, наверняка найдете подробный мануал.
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
Главная
Помощь
Поиск
Пользователи
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)
Без описания
Согласен, но какой вопрос - такой ответ!
