Jump to content

Crystal-3

User
  • Posts

    86
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by Crystal-3

  1. Нужно задавать max-width: 100%. А вообще, если это не адаптивная вёрстка, а мобильная версия, может имеет смысл сразу загружать уменьшенные копии картинок?
  2. Добавить свойство language: 'ru'
  3. Посмотрите этот урок: http://webformyself.com/sozdanie-vsplyvayushhej-formy-podpiski/
  4. Потому что вы задали фиксированную высоту. Удалите у блока .header-clone высоту height: 550px; А для картинки пропишите height:auto P.S. Зачем создавать 2 одинаковые темы?
  5. О, супер, спасибо) Тоже очень интересный вариант
  6. Спасибо Вам огромное! А я уже решила, что так сделать невозможно
  7. Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?
  8. Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?
  9. ...или расширение в верхнем регистре.
  10. Да? Жаль не на чем потестировать... А я подумала, что они на пару сработали) А как в вашей ситуации помог данный мета-тег? А вообще, это свойство имеет слабую поддержку: http://caniuse.com/#feat=text-size-adjust Так что Мозила отдыхает...
  11. Тоже не срабатывало свойство text-size-adjust: none для неадаптивной странички, пока не добавила мета-тег <meta name="viewport" content="width=device-width" />
  12. Попробуйте добавить неразрывные пробелы: <p>RU +1 (781) 765-8765</p>И да, ширину не указывайте.
  13. Меню под фиксированной шапкой, вытяните его: .nav_top { margin-top: 112px;}
  14. Можно с помощью псевдокласса :nth-last-child выбрать последние 3 элемента и задать для них стили: .top-menu li:nth-last-child(-n+3) a{ text-transform:none;}И получим такой результат: http://codepen.io/anon/pen/YPLWLE
  15. Валидатор ругается на «заблудившийся» открывающий тег html и доктайп. Пусть меня поправят, если я ошибаюсь, но такое может быть, когда в коде есть лишний открывающий тег html. Но вот что самое странное в вашей ситуации: ради эксперимента скопировала код вашей странички и сохранила у себя на компьютере. Совершенно ничего не меняла, открыла его в браузере ИЕ8 и вот что я увидела: http://clip2net.com/s/3aCg190 http://clip2net.com/s/3aCg6Qg срабатывает html5shim, обратите внимание на код: все скрипты, метатеги и т.д. находятся в head, доктайп отображается там, где нужно. Для сравнения скриншот странички с вашей ссылки. Обратите внимание где отображается доктайп. http://clip2net.com/s/3aCgaDG Затрудняюсь ответить в чём причина. А до натяжки на OPENCART как отображалась страничка?
  16. ishurgaya, inline-block для браузеров, которые вы перечислили, вообще не проблема, они поддерживают данное свойство. Здесь проблема в чём-то другом. Отладчик в IЕ8 показывает, что все подключенные скрипты, метатеги, link’и находятся в body. Обычно такое происходит когда где-то пропущена скобка > (IЕ8 не прощает такие вещи), кстати это подтверждает и валидатор. Исправьте сейчас ошибки на которые указывает валидатор.
  17. В IE8 вёрстка полностью развалилась. Я вижу, что tml5shiv вообще не подключился. Попробуйте перенести этот скрипт на самый верх, то есть поставьте его сразу после раскрывающегося тега <head>.
  18. С наступающим Новым годом! Пусть он будет успешным для всех, принесет много счастья, радости, здоровья, исполнения всех желаний!
  19. angangell, прикольно вы сверстали менюшку - всё навыворот) Исправляйте: 1. Добавить #logo_nav ul { float: right;}2. Для li вместо float:right прописать float:left. 3. Ну и соответственно в html исправить порядок написания пунктов меню. hover цепляйте на ссылку (для а задайте display:block), будет кликабельна вся кнопка плюс уберётся косячек с надписью.
  20. Да, уже ОК Забейте в гугле "стилизация чекбоксов", найдёте массу уроков и примеров. Поскольку ТЗ нет, то однозначного ответа дать не могу. Как по мне, то это именно чекбоксы и радиокнопки. odd-one, вы же учитесь верстать, значит не надо искать лёгких путей - делайте чекбоксами и стилизируйте их
  21. Ну да, есть. Только я не представляю как он в данном случае может помочь. Или я его недооцениваю?
  22. 1. Вёрстка в Firefox ломается из-за схлопнутого блока .develop, пропишите ему хотя бы overflow:hidden и увидите как всё красиво встанет не место. 2. Допишите доктайп. 3. Что касается ползунка - такие вещи делаются с помощью JQuery UI. 4. Блок .net нужно сверстать радиокнопками, а .features - чекбоксами. 5. Не мешало бы для ссылок добавить hover’ов.
  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