Jump to content

sigma77

Moderator
  • Posts

    2,910
  • Joined

  • Last visited

  • Days Won

    64

Everything posted by sigma77

  1. Этот аргумент не всегда верен. Не стоит забывать про пользователей КПК и телефонов. Из-за кривой верстки, ненужного флеша, скриптов, неподписанных изображений и изврата с кнопками и формами - иной раз фиг посмотришь тот или иной сайт, не говоря уже о каких-то действиях с ним, хотя в обычных браузерах с виду всё отлично. Ну и не смотря пока на не столь развитые технологии, не стоит забывать о людях с ограниченными возможностями.
  2. .active-trail - это название класса
  3. Действительно, интересная закономерность.
  4. Не, не так. 20% от 80 это 80 * 20% - получил ответ.
  5. Это не знак процентов в математике. Это знак остатка (точнее оператор деления по модулю) в JS
  6. А зачем в данном случае вообще на див вешать ховер, если он содержит только ссылку? Сверстать меню по нормальному на списках и ховер повесить на ссылку. И кроссбраузерно и скрипты использовать не надо.
  7. Попробуй так <div> <div style="float: left; width: 81px; background: grey;"> <p>Lorem ipsum dolor sit amet consectetuer id mollis quis Quisque pede. Justo.</p> </div> <div style="float: left; clear: left; width: 81px; background: green;"> <p>Lorem ipsum dolor sit amet consectetuer Nullam.</p> </div> <div style="overflow: hidden; background: yellow;"> <p>Lorem ipsum dolor sit amet consectetuer sed Donec a sed urna. Feugiat Fusce et morbi et vel.</p> <p>Sed magna tincidunt vitae condimentum congue Aenean tortor Aliquam Duis vel. Dis justo dui interdum Nam orci pulvinar sit consequat wisi Phasellus. At.</p> </div> <div style="overflow: hidden; background: fuchsia"> <p>Lorem ipsum dolor sit amet consectetuer nibh eros et odio laoreet. Egestas risus Quisque Nulla ut pretium Fusce laoreet Cum non consectetuer. Est interdum id In tellus fermentum lacus quis Quisque nunc feugiat. </p> <p>Lorem ipsum dolor sit amet consectetuer metus id sociis accumsan vel. Ante ante Mauris sem metus amet elit libero tempor Sed.</p> <p>Sagittis et magna condimentum ligula velit laoreet dui pretium tempus enim. Sed et felis libero Quisque nulla ante sed wisi pretium ut. Quisque ut.</p> </div> </div>
  8. Потому что марджины и паддинг (почему-то только левый) обнулили на глобальном уровне. А новые не задали.
  9. sigma77

    Изучаю PHP

    Т.е. у тебя три варианта действий? 1) Переменная существует и она не равна нулю - действие №1. 2) Переменная существует и она равна нулю - действие №2. 3) Переменная не существует - действие №3. Такая логика?
  10. sigma77

    Изучаю PHP

    Great Rash, А если сделать наоборот. В синтаксисе php пока не сильна но смысл следующий Если перемненной не существует или она равна 0 {echo 'одно';} else {echo 'другое';}
  11. *+html tag {} * html tag {} Вполне валидны. Плюс смотри тут Но лучше, имхо, использовать условные комментарии. И выносить проблемные стили для ИЕ6 и пр. в отдельные файлы.
  12. Great Rash, Твой пример рабочий лишь до тех пор пока содержимое всех ячеек одинаково. Чтобы все ячейки были одинаковой ширины при разном содержимом добавь table-layout: fixed Да и выше я уже писала, что можно сделать таблицами. Но дивами всё-таки кошернее
  13. Great Rash, Тогда они будут не равные по ширине.
  14. rash, Наверное, да. Просто интересно было найти решение с дивами. Для нормальных браузеров дивы, для ИЕ таблицы.
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * {padding: 0; margin: 0;} div.table {display: table; width: 100%; table-layout: fixed;} div.td {display: table-cell;} </style> </head> <body> <div class="table"> <!--[if lte IE 7]> <table style="width: 100%; border-collapse: collapse; table-layout: fixed;"> <tr> <td style="background: red; vertical-align: top"><![endif]--> <div class="td" style="background: red;"><p>Lorem ipsum dolor.</p></div> <!--[if lte IE 7]></td><![endif]--> <!--[if lte IE 7]><td style="background: yellow; vertical-align: top""><![endif]--> <div class="td" style="background: yellow;"><p>Lorem ipsum dolor sit amet consectetuer ante dui auctor non ut. Pellentesque pellentesque libero mauris id non non nec semper egestas ac. Mauris quis felis laoreet hendrerit quam Morbi Phasellus In Vestibulum in. Felis laoreet Aliquam Vivamus rhoncus id et urna nec et Nam. Turpis augue quis senectus elit.</p></div> <!--[if lte IE 7]></td><![endif]--> <!--[if lte IE 7]><td style="background: green; vertical-align: top""><![endif]--> <div class="td" style="background: green;"><p>Lorem ipsum dolor sit amet consectetuer libero quis turpis id velit. Tortor justo In non pretium pretium consequat Maecenas libero Nulla at. Metus sagittis justo congue Sed condimentum laoreet Nulla Donec velit Sed. A eleifend id elit eu Phasellus velit interdum.</p></div> <!--[if lte IE 7]></td></tr></table><![endif]--> </div> </body> </html>
  16. psywalker, Можно и так. Но в Опере ширина контента будет немного шире. При ширине экрана 1280 разница составляет 13px, если увеличить до 2048, разница уже 22px.Насколько это критично... ну не знаю. Тоже думала об этом варианте, но именно из-за некорректной обработки Оперой дробных значений от него отказалась. У меня погрешность 1px, но код немного длиннее.
  17. psywalker, Колись давай уже, куда копать. Пока единственный кросс, что приходит в голову - это сделать таблицей с table-layout: fixed; Upd. Хотя, кажется, нашла решения без использования таблиц, точнее не для всех браузеров они используются
  18. brainiac, В принципе, ничего особенного прописывать не надо. Это нормальный поток блочных элементов. Достаточно задать высоту первому элементу и тем блокам, внутри которых есть абсолютно позиционируемые элементы position: relative. Ну и обнулить марджины и паддинги.
  19. brainiac, Покажи картинку того, что хочешь получить.
  20. One, Пока единственный кроссбраузерный вариант вижу это загнать весь список в таблицу. Или использовать аналогичные свойства display, но тогда не будет работать в ИЕ6-7.
  21. Потому что надо думать что пишешь и для чего нужно то или иное свойство. Нельзя совмещать абсолютное позиционирование и обтекание. Эти свойства противоречат друг другу. Да и в необходимости наличия position: relative; у первого я сильно сомневаюсь.
  22. Ну не только же тебе врединой быть...
  23. По центру, по горизонтали? или по вертикали? Исходя из этого, я так понимаю нужно, чтобы блок со списком выравнивался по центру исходя из самого широкого элемента списка. Остальные элементы должны выравниваться по левому краю, относительно этого самого широкого элемента. Так? Ширина списка фиксированная?
×
×
  • 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