Jump to content

s0rr0w

User
  • Posts

    5,139
  • Joined

  • Last visited

  • Days Won

    32

Everything posted by s0rr0w

  1. Не знаю, честно. По моим впечатлениям, да, это самый корректный браузер, хоть и не проходит некоторые тесты ACID. http://www.quirksmode.org/css/tables.html Тут поддержка border-collapse для всех браузеров кроме 3.5 должна быть buggly, а не complete Это я к тому, что тестировавший браузеры человек не шарит в спеке, поэтому его выводам нет доверия. Ну, как сказать, для некоторых - да. Вроде бы уже доработано. Но уточнения всегда будут.
  2. Качество сборки сайта не способствует к оказанию помощи.
  3. Код для изучения <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title></title> <style type="text/css"> .div1 { float: left; height: 20px; background: #ccc; } .input1 { height: 20px; padding: 0px; margin: 0px; border: none; background: #fc3; vertical-align: top; } </style> </head> <body> <div class="div1">20px height </div> <div><input type="text" class="input1"></div> </body> </html>
  4. Половина бордюра должна вываливаться за пределы таблицы, в область margin'а, но ни в коем случает не увеличивать margin, который отсчитывается от границы сетки а не границы бордюра. Вот код на изучение. .div2 { width: 100px } .div2 span { border-bottom: 1.2em solid red } <div class="div2"> <span>text text text text text text text</span> </div> Поведение бордюра в данном случае аналогично той половинке у таблицы. Нет, вывод неправильный. Неправильное поведение таблиц в остальный браузерах вносят казусы в поддержку стандартов. Там выше по тексту приведена формула рассчета ширины таблицы. Приведенное мной предложение является всего лишь словесным итогом к ней.
  5. Это не верстка, это отстой.
  6. Никак. В HTML все блоки имеют прямоугольную форму.
  7. "Кривость" данной отрисовки - сугубо в вашей голове. То, что для вас криво, для других людей - удобно. У вас есть конвейер и лоток, куда нужно поместить разнородные предметы. Вы можете помещать каждую фигурку на предполагаемое место при последовательном их поступлении с конвейера, а можете набирать некое количество, и потом тщательно их расставлять по своим местам. Проблема второго варианта состоит в том, что если конвейер остановить посредине, то вы никогда не расставите фигурки. Еще одна проблема - если вы на первой фигурке поняли, что это не то, что вам надо, то вы можете не дожидаться последней, чтобы это понять. Данные приходят потоком. Страница представляет собой одномерный массив блоков, код которых идет последовательно. А вам нужно его отрисовать параллельно (например три колонки). Вам пришел код двух первых блоков, сколько блоков еще осталось? А фиг его знает, может один, может ни одного. Причина в вашей голове. Метод ее устранение - поменять ваше мышление.
  8. <tr> <td colspan="3">1x1 + 1x2 + 1x3</td> </tr> <tr> <td>2x1</td> <td rowspan="2">2x2</td> <td>2x3</td> </tr> <tr> <td>3x1</td> <td>3x3</td> </tr>
  9. На бете у меня эти средства валили оперу постоянно. На релизе может постабильнее будет.
  10. Потому что у вас pos1 стоит под самым верхом страницы. Зачем вы хидеру position: absolute прилепили? Убрал это свойство - якорь магическим образом заработал.
  11. Например выравнивание относительно base-line inline-block nonreplaced элементов Нет четких инструкций по поводу выравнивания относительно base-line inline-block nonreplaced элементов Да и посмотрите не список дополнений к спеке. http://www.w3.org/TR/CSS21/changes.html В законченном документе такого количества исправлений не должно быть. Как-будто кто-то запрещает...
  12. Лично я учил все по документации и самостоятельно. Преподавать примитив для ленивых учеников у меня желания нет даже за деньги. Не ленитесь, и изучите внимательно приведенную мной ссылку. Наберите в инете поисковый запрос "HTML блочные и строчные элементы". Самосовершенствуйтесь.
  13. Это заблуждение. Неправильный рендеринг есть и у FF. Просто потому что спека не доделана. Использовать.
  14. Тогда тебе нужно чуток поразбираться с данным плагином. Там фишка в том, что при наведении на следующий элемент нужно убивать анимацию у предыдущего.
  15. Не флуди, ответ уже там.
  16. Можно. 1. Подправить код аккордеона 2. Найти другой код.
  17. При том, что существуют два различных типа отображения таблиц: раздельные ячейки и сетка. Управляется все это свойством border-collapse. Так вот, в режиме коллапсированных ячеек отображение бордюра идет по совершенно другому принципу. Таблица в данном режиме представляет собой сетку ячеек. На приведенном мной рисунке показано розовой пунктирной линией эту сетку. Бордюры у ячеек рисуются относительно этой сетки. Ширина таблицы будет браться по пунктирной линии, а не по бордюру. Так как бордюр имеет толщину всего один пиксель, и его нельзя разделить на два целых числа, то он рисуется с одних сторон внутрь, с других - наружу. Если точнее, то сверху и справа внутрь, а снизу и слева - наружу. Вот вам пример, который наглядно показывает отличие <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .t2 { border-collapse:collapse; width: 100px; background: #fc3; border-right: 10px solid red; } .div1 { border-right: 10px solid black; background: #fc3; width: 100px; } </style> </head> <body> <div class="div1"> test </div> <table class="t2"> <tr> <td>1</td> </tr> </table> </body> </html> Обратите внимание на то, что бордюр у таблицы справа ближе на 5 пикселей, чем у div. Это правильное отображение, 1 к 1 как в спецификации. Все остальные браузеры рендерят этот код неправильно (хоть и проходят тест ACID 3 на 100%). Еще вопросы будут? Речь на русском языке идет про то, что я вам советовал прочитать в спецификации на английском. И если вы не владеете достаточным объемом знаний, то это не значит, что я вам что-то не то посоветовал. Учите матчасть
  18. Учите матчасть. Особенно чем отличаются строчные элементы от блочных.
  19. name должен всегда начинаться с нецифры.
  20. Оставьте свое имхо при себе, и больше не позорьтесь так. Внимательно изучите спецификацию. И особенно советую изучить вот эту картинку И особенно советую обратить внимание на вот это предложение Note that in this model, the width of the table includes half the table border.
  21. s0rr0w

    меню

    Скопируйте код с приведенного примера
  22. Потому что <a> в одном случае имеет display: inline, а во втором display:table-cell. Почитайте про свойство display для начала.
  23. Пока не предоставите больше информации, ответ вам никто не даст.
  24. Пройдет время, и все остальные браузеры сделают нормальный рендеринг таблиц в коллапсированном режиме...
  25. Куда полезнее английский выучить. А я им был раньше.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy