Jump to content

mishka

Expert
  • Posts

    2,118
  • Joined

  • Last visited

  • Days Won

    11

Everything posted by mishka

  1. Причем тут скрипт? Как ты с помощью JS узнаешь на какой страничке находишся? Класс на бади добавишь? Так тогда проще уже сразу на линку. В верстке нужно добавить класс пункту меню и через него прописать стили, как уже посоветовал Влад.
  2. Сделайте максимальную ширину до 1256 ( для 1280x1024 ), так и читаемость сохраняется, и больше вмещается. Фон хедера и футера растянуть на все 100% ширины экрана
  3. mishka

    float

    Имеет право на жизнь? <!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"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <style type="text/css"> #wrapper { background: #ff0; display: table; width: 100%; } .left { display: table-cell; width: 200px; } .content { display: table-cell; background: #f00; } .holder { position: relative; } .box { position: absolute; width: 50px; height: 50px; background: #00f; left: -25px; bottom: -25px; } *+html .left { float: left; } *+html .content { zoom: 1; } </style> </head> <body> <div id="wrapper"> <div class="left"> left </div> <div class="content"> <div class="holder"> content <br /> <br /> <br /> <div class="box"></div> </div> </div> </div> </body> </html>
  4. Странный вывод. А чего считаете что фикс будет выглядеть не как задумано? Как по мне так какраз таки фикс и будет всегда как задуманно. Сам склоняюсь к полурезине: 960 - 1280 Так как у меня монитор шириной 1920, то читать текст на нем во всю ширину доставляет мало удовольствия. Пример - хабрахабр тоже был резиновым, но как широкие мониторы перестали быть редкостью - там люди поняли что полная резина не очень то и здорово.
  5. Так не получится, как ни крути а во время появления скролла внутренняя ширина окна становится меньше. И поэтому если даже и подвинуть контент на 10 пикселей изначально - это ничего не даст, так как вам нужно во время появления скролла подвигать этот контент обратно. И получили ответ на свой вопрос: body { overflow-y: scroll; } Также я говорил в какую сторону копать, если вы все же решите делать это на JS
  6. При использовании какого-нибудь фреймворка задача с получением ширины скролла немного упрощается, задача с кроссбраузерным DOM ready отпадает, но вот задача с тем чтобы вовремя поймать появление скролла останется. Хотя... может кто предложит как это сделать не сильно нагружая браузер (сетинтервал фтопку)
  7. Если вам мало аргументов предыдущих постов, то так и продолжайте бороться с "проблемой" body { overflow-y: scroll; }. Чем проще -- тем лучше. Решение в 1-ну строку которое стабильно работает. На JS вам придется написать немало строк, и это не будет элегантным решением. Немало строк, так как ширина сроллбара может меняться в разных браузерах и в разных ОС. А напрямую ширину его узнать нельзя, поэтому создают фейковые блоки, один в другом, измеряют ширину внутреннего, потом добавляют скролл и опять меряют, так вот из разницы можно узнать ширину скролла. Возможны еще нюансы, так как сам я не делал, это, так сказать, описал общий подход. Да и это лучше делать не при полной загрузке странички, а при построении DOM. Чтобы не было прыжка в сторону, после полной загрузки странички. Тоесть еще вам нужно сделать кроссбраузерный DOM ready. И это только для того чтобы узнать ширину. А теперь представьте, как вы будете проверять наличие скролла? сетинтервалом загрузить браузер до безумия? чтобы он вообще тормозить начал? JS тут не нужен. Хоть сейчас браузеры и шустрее, но всеравно не стоит их так нагружать, если есть альтернатива. А с строкой body { overflow-y: scroll; } ни проблем ни нюансов.
  8. mishka

    navi

    А теперь еще раз скажи что быстрее: ul :first-child - все элементы находящиеся в списке (не обязательно дочерние) которые являются первым элементом своего родителя (не обязательно списка) или ul li:first-child - все лишки находящиеся в списке которые являются первым элементом списка (может быть вложенность) чето мне казалось что второй быстрее
  9. mishka

    navi

    :first-child - браузер применит стили к первому дочернему элементу. li:first-child - браузер применит стили к первому дочернему элементу, но перед этим проведет сравнение по имени селектора. Как думаешь что сработает быстрее? :first-child - думаю что браузер будет искать все элементы которые подойдут к :first-child li:first-child - думаю что браузер применит стили только к лишкам подходящим под правило :first-child Поэтому думаю что li:first-child быстрее. Если есть линка на инфу - дай :first-child - браузер применит стили к первому дочернему элементу. дело в том что не к дочернему а ко всем внутренним а самое быстрое будет ul > :first-child думаю так Дело в том что не к дочернему, а ко всем внутренним
  10. mishka

    navi

    так нельзя ( вернее нужно понимать что ты делаешь и как оно работает ): http://jsfiddle.net/aZhU6/1/ ага, я уже задавался этим вопросом. Но тут бы оно подошло, и указал только один атрибут, поэтому так и предложил. зачем заранее закладывать возможность ошибки, зная что можно избежать плюс li:first-child быстрее отработает чем просто :first-child
  11. mishka

    navi

    так нельзя ( вернее нужно понимать что ты делаешь и как оно работает ): http://jsfiddle.net/aZhU6/1/
  12. mishka

    navi

    пробел убери! почему .class .class2 это совсем не то что .class.class2 ?
  13. Хуже стало. Гугл всегда привлекал своей простотой. А сейчас пытаются что-то красивое сделать, да вот дизайнера видимо нету толкового. Такое ощущение что эти попытки сделать дизайн сайта привлекательным делает программист, человек явно далек от дизайна.
  14. Согласен, но в данной ситуации например на ссылке вообще нет класса, а управлять её позиционированием засчёт элемента header считаю неправильным. А в данной ситуации к ссылке вообще идёт обращение так: a { color: #1981D9; text-decoration: none; } Т.е. тут вообще непонятно, что это за ссылка и для чего она. А отступы вообще стоят у вложенных элементов. Тогда можно обернуть дивом/спаном, ему дать класс, и внутрь вложить имагу, ну а линку дописывать или нет - зависит от того кликабельно ли лого.
  15. 3.Почему класс "logo" не повешан на ссылку? Плохо. Ну дык лого не всегда может быть ссылкой.
  16. Да какой же я троль? Вам тут все мягко намекнули что ваши уверения в том что вы команда профи сайтостроителей - это, мягко говоря, заблуждение. А вы с упорством безумца пытаетесь доказать обратное. Вы со своими работами не составите конкуренцию даже такому сайту как тут В свой сервис говна занесите все свои работы и это не будет ошибкой. Подобные "профи" только порочат форум.
  17. Далеко не только автор, хехе. Еще мама и папа.
  18. Картинка всегда показывается без масштабирования, если ей не задать размеры. Это внутренние блочные элементы будут занимать ширину 100% родителя.
  19. Да там плевать не только на верстку но и вообще на все, начиная с дизайна. У них там есть раздел "Говно". Я два раза в это говно добавлял ихний же сайт, - убирают гады.
  20. А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье. И что в данном случае даст эта максималка? Или очередная попытка ответа наобум? ТС картинке нужно задать ширину 100%, тогда она будет растягиваться по ширине родителя.
  21. Трудное детство без головоломок?
  22. mishka

    Zen Coding

    Большинство комбинаций - это селекторы css. обернуть 5 строк в li - просто: выделаем строки нажимаем (у меня ctrl+E) в полученном окошке вводим li* энтер. Все. Горячие клавиши: Опции -> Горячие клавиши -> Plugin commands там ищи. ну и у меня ZenCoding не на питоне, а на JavaScript
  23. Поставь ZenCoding и это автозакрытие тегов будет не актуально http://habrahabr.ru/blogs/webdev/76069/
  24. Блин, скачай крякнутую версию. Понимаешь, редактор кода, это важный инструмент для работы. И если ты будешь работать не на фрилансе, или в подвальной конторке, то тебя попросят использовать либо бесплатное ПО, либо лицензионное. И тогда тебе прийдется либо купить твой любимый редактор, либо быстро переучиваться на бесплатное ПО.
×
×
  • 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