Jump to content

red4pony

User
  • Posts

    260
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by red4pony

  1. <!DOCTYPE html> понимают все браузеры. А верстать под него Вы можете как хотите. Придерживаться строгого синтаксиса это дело профессиональной этики. Можете и с этим доктайпом писать <br/> валидацию всеравно пройдет.
  2. #search_button { height: 32px; display: block; /*——————————————удалить——————--*/ padding: 0 16px; float: right;/*——————————————удалить——————--*/ text-decoration: none; border: none; margin: 0px 168px 6px 0px; background: #0a9fb0; color: #fff; text-transform: uppercase; cursor: pointer; vertical-align:top;/*———————добавить——————*/ }
  3. Убедить заказчика что среди посетителей его сайта будут "мобильные" пользователи и верстать адаптивно(вы же веб-мастер и это ваша работа, ну или менеджера вашей студии) Забить на первый пункт и верстать как он хочет(только если он точно знает чего хочет и полностью осознаёт ситуацию) Забить на заказчика
  4. Нужно же учитывать и тех у кого маленький. Как минимум 960px. Стандарт под который верстают 1024х768, от ширины отнимают скрол, бар(у меня например unity panel 32px), плюс Mac'оводы не разворачивают на весь экран Окна.
  5. .wrapper { margin: 0 auto; padding-bottom: 200px; width: 80%; Я так понимаю что min-width Вы выставили 1150px потому что после этого значение меню уезжает вниз? Так пусть уезжает. Возьмите и с помощью медиа запроса max-width:1150px установите правила чтобы заголовок и меню центрировались. Ну и дальше там подправите 'Варианты' и 'Разделы'.
  6. Не знаю, вот что у меня в ие7 http://s017.radikal....45dc0c3a8d9.jpg Вы были правы. Странное поведение(может гуру объяснят). Наверное тут либо увеличить width (у левого - 180px, у правого 190px), либо с помощью таблиц. Говорит об этом только автор. Daiver указала причину почему
  7. Без указания ширины контейнера сделал <a> блочными и проверил в IE10 (mode 7) - не обрезается.
  8. .glavn{ width: 75%; } .lv, .cnrlt, .prv{ width:30%; /*от .glavn*/ margin-right: 5%;/*от .glavn*/ } .prv{ margin-right: 0; }
  9. Почитайте "Инлайновый контекс форматирования" - Максим Усачёв и Илья Стрельцын.
  10. Либо так - http://jsfiddle.net/Gvywp/, либо так - http://htmlbook.ru/layout
  11. А почему медиа запрос нельзя разместить непосредственно в файле ie.css?
  12. Дэн Седерхольм - CSS ручной работы. Дейв Ши - Философия CSS дизайна. А вообще скачайте бесплатный макет сайта. И начинайте верстать. В процессе у Вас будут возникать более конкретные вопросы(как сделать меню горизонтальным, как сделать три колонки и т.п.). Ища ответы и находя решения на эти конкретные вопросы Вы сможете сверстать свою первую страничку.
  13. Посмотрите на это: http://jsfiddle.net/zB2Pe/
  14. Если высота блока "НОВОСТИ КОНТАКТЫ" останется такой же, то используйте тег <hr>. Спозиционируйте линию(полученную через <hr>) как вам нужно. Либо задайте отрицательный margin-left для правого блока, в верхней его части вставите пустой(или что у Вас там) блок и зададите ему border-bottom. А с помощью padding отодвините содержимое(волнистый фон спозиционируете background-position: "значение margin-left" top) на необходимое Вам расстояние.
  15. Нужно посмотреть код. Выложите на http://jsfiddle.net/ или дайте ссылку на Ваш сайт.
  16. Ubuntu 13.04, Google Chrome v.26.0.1410.63 - все хорошо отображается.
  17. Я полагаю автор хочет научиться, а не чтобы за него все делали. Я показал в какую сторону двигаться. Ждем пока автор выложит свой вариант.
  18. red4pony

    Формы

    На хабре советуют так: http://habrahabr.ru/post/64530/
  19. Таблицы не предназначены для верстки страниц. И судя по email'у на вашем сайте, вы не относитесь к той эпохе когда все верстали на таблицах. Попробуйте сделать по стандарту HTML5 (header, article, aside, section, footer).
  20. Как вариант: .center{ background: #fff; для .news_block задайте монолитные границы(близкого цвета к фону ) или через border-image(для создания эффекта просвечивания текстурированного фона body)
  21. Посмотрите: http://htmlbook.ru/c...inakovoy-vysoty
×
×
  • 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