HTML Coding

29,542 questions in this forum

1. Прокрутка страницы

   Подскажите как сделать прокрутку по блокам. хочу разбить страницу таким образом, чтобы при одном прокручивании колеса страница переходила на след блок. Что-то в виде должно получиться))

   Asked by moldran, December 13, 2014

   • html
   • scroll
   0 votes
   3 answers
2. Многослойный хэдер - как лучше реализовать?

   Добрый день. Нужно сверстать вот такой хэдер у сайта. Вопрос к опытным верстальщикам: как реализовать многослойность фона? Причем чтобы ничего не съезжало при изменении разрешения экрана (т.е. фиксированная серединка оставалась на месте). Были попытки сделать через множественный фон или соединить все в одну картинку фона, но опять же при уменьшении или увеличении масштаба все разлазится. Как реализовать это нормально?

   Asked by mankutila, December 11, 2014

   • верстка фон
   0 votes
   5 answers
3. Ховер на несколько объектов

   нужно сделать что бы ховеры на тесте и маркере сробатывали одновременно, как это можно реализовать? http://jsfiddle.net/8b8afr84/

   Asked by kemston, December 12, 2014

   • .hover
   0 votes
   2 answers
4. Прокрутка страницы до якоря

   На сайте есть фиксированное меню. Как сделать, плавную прокрутку до якоря? А точнее, до НАЧАЛА якоря? Часть блока уходит под меню. Если блоку задать padding-top, то получиться большой отступ... И еще: подскажите, пожалуйста, почему в IE сайт расползается...Что не так?

   Asked by Fendia, December 12, 2014

   0 votes
   7 answers
5. position: fixed не работает в IE < 7мой версии - есть альтернатива?

   Привет всем. Слой должен оставаться на месте при прокруте. Доктайп строгий. Использую position: fixed; в FF , Safari слой на месте, в IE 7 тоже вс? отлично но! не работает в IE в версиях меньше 7мой ((( Существует ли альтернативное решение этой задачи для более ранних версий IE?

   Asked by iluha, May 22, 2008

   0 votes
   6 answers
6. Ошибка с header_buttons, нужна помощь!

   Застрял на 28:13 этого видео урока При добавлении в тег <li> тег <a href="#"> кнопки меняют размер (хотя такого не должно быть), у автора урока все нормально. Подскажите в чем может быть проблема? Мое А вот что получается у автора (при добавлении background видно, что его кнопки имеют нормальный размер, мои увеличиваются, хотя размеры я не указывал и уменьшить их после этого не получается) Вот мой код

   Asked by Serg88, December 9, 2014

   • header_buttons
   • ul
   • li
   0 votes
   2 answers
7. input value

   как прописать стиль к значению например: <input type="submit" value="отправить"> в css прописал следующее input[value=отправить]{........................}не помогло

   Asked by soltx, December 12, 2014

   0 votes
   2 answers
8. Проблема с формами

   Первый раз работаю с html. Вопрос: как можно сделать, чтобы информация из одного поля подавалась скрипту, а результат работы скрипта записался в другую форму?

   Asked by Dima2607, December 12, 2014

   0 votes
   1 answer
9. Как выровнять кнопки по центру

   Доброго всем времени суток! Подскажите, пожалуйста, как в приведенном ниже блоке выровнять кнопки 1,2 и 3 по центру? HTML-код: <div class="bottom_nav_wrap"><div class="bottom_nav"><ul><li class="previuos"><a href="#">« Previous</a></li><li class="pages active"><a href="#">1</a></li><li class="pages"><a href="#">2</a></li><li class="pages"><a href="#">3</a></li><li class="next"><a href="#">Next »</a></li></ul></div> </div> CSS-код: .bottom_nav_wrap{padding:10px 0;background: url(../img/content-border.png) top …

   Asked by alejandro13, December 11, 2014

   0 votes
   2 answers
10. Шаблон Сайта.

    Здравствуйте, просьба модератора перенести сие тему в соответствующий тред. Нужна помощь с дизайном сайта, убрать лишние строки, поменять фоновую картинку, убрать некоторые функции(минимализировать). Желающие помочь - skype heathaze3. http://bayguzin.ru/demo/RestaurantTemplate/ собственно, сам шаблон. Надеюсь на вашу помощь, спасибо.

    Asked by Unstoppableqq, December 11, 2014

    0 votes
    0 answers
11. Не получается плавный скроллинг

    Вот пациент http://whoiwas.ru/work/cafe/. Вроде все библиотеки подключил, скрипт настроил. А ничего не получается.

    Asked by Tobey, December 11, 2014

    0 votes
    4 answers
12. Обрезается фон

    Как решить эту проблему? http://s55.radikal.ru/i147/1412/72/fef6e5658aa9.jpg задний фон обрезается при уменьшения окна браузера. Как сделать так что бы при уменьшении и перемещении скрола фон был виден всегда

    Asked by TuTaHuKk, December 11, 2014

    0 votes
    5 answers
13. Баг с скриптами

    Ребят,столкнулся с такой проблемой,которая меня собственно удивила,у меня есть 3-и блока (Шевченко,Симоненко...). Надо сделать так,что бы при наведении на них,рамка меняла цвет что я собственно и сделал,но почему то у меня начали глючить скрипты,вот как на скрине. http://hostingkartinok.com/show-image.php?id=01deb0be16ab76270d352adb863b6878 (вк,фейсбук) Был такой вот код #block { background: none repeat scroll 0 0 #DDE7F1; border: 10px solid #627CD2; border-radius: 10px 10px 10px 10px; float: left; height: 291px; padding: 5px; position: relative; top: -42px; width: 291px; margin: 10px 0;}я просто ниже добавил #block:hover { border: 10px s…

    Asked by vitaxastifler, December 10, 2014

    0 votes
    4 answers
14. Адаптивная шапка

    del

    Asked by Shaman14-21, December 8, 2014

    0 votes
    8 answers
15. Скрипт прелоадера для input

    Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )

    Asked by okunev2, December 10, 2014

    0 votes
    4 answers
16. псевдоэлементы ко всем img'ам в таблице

    Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?

    Asked by maritca, December 10, 2014

    0 votes
    3 answers
17. Смещение текста

    Здравствуйте! Начал изучать создание интернет магазина. Пишу с помощью php дизайнера. И столкнулся с такой проблемой. Смещается текст в блоке header. Не могу сделать чтобы было одинаково во всех браузерах: Opera, Explorer, Mozilla и т.д. Заранее спасибо! http://itmages.ru/image/view/2082446/5bdf089e http://itmages.ru/image/view/2082436/4c08e429

    Asked by azamatomus, November 30, 2014

    0 votes
    3 answers
18. input-самоуправство браузеров!

    Здравствуйте! Столкнулся с различной самостилизацией формы запроса "input" некоторыми браузерами: Если выставлять, например,type="text" а в CSS прописать height: 30px, то: - Firefox выставляет высоту 32px; - Safari выставляет высоту 35px и закругляет углы. Если выставлять, например,type="searcht" а в CSS прописать height: 30px, то: - Firefox выставляет высоту 32px; - Safari выставляет правильную высоту, но максимально закругляет углы (радиусом в половину height). type="email" - тоже вёрстка различная, safari закругляет углы и увеличивает высоту! border-radius: none; - не помогает Как добиться единой стилизации формы запросы и отключить стилизацию браузера?

    Asked by Torawhite, December 10, 2014

    0 votes
    25 answers
19. Вопросы по адаптивной верстке и скролл-эффектам

    Друзья, делаю сайт для себя (по факту уже третий раз заново переделываю), сайт-портфолио в виде слайдера (чо я не модный штоли ), в хердере большая картинка. Вопрос такой как лучше эту картинку сделать, тянуть на всю высоту или просто ей задать высоту, и как интересней сделать скроллинг, можно page-scroller а можно простой скроллинг. Была попытка сделать все пять экранов с высотой 100hv, но уперся с выравниванием по вертикали (решить знаю как но мне не совсем нравится метод). Короче это наверное больше дизайнерские вопросы, выслушаю всех у меня творческий тупик. Ах да как вам этот плагин http://html5.by/blog/scroll-effects/ ?

    Asked by Sergik+, December 10, 2014

    0 votes
    3 answers
20. Fancybox и Bootstrap у меня не дружат

    Здравствуйте. Решил вот попробовать Bootstrap 3 в одном проекте, в котором галерея сделана на Fancybox и выяснилось, что они используют разные версии jQuery: Bootstrap 3 хочет jQuery 1.11.1, а Fancybox подавай jQuery 1.3.2. Соответственно, работает либо то, либо это. Никто померить не пробовал? Возможно ли это?

    Asked by toman, December 9, 2014

    • Fancybox Bootstrap
    0 votes
    4 answers
21. Подключение нестандартных шрифтов

    Здравствуйте! Мне немного непонятно по поводу подключения нестандартных шрифтов. Как понять какие именно шрифты нужно подключать? Те, которые показывает что не хватает фотошоп? Ели да, то почему когда я закомментировал подключение шрифта в css через google fonts, браузер мне все равно показывает текст этим шрифтом?

    Asked by Andrew_007, December 9, 2014

    • @font-face
    • шрифты
    0 votes
    5 answers
22. Карта из гугла

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как вставить карту из гугла как тут: http://lawyer-bayor.ru/ (внизу страницы)?

    Asked by stan07, December 9, 2014

    0 votes
    3 answers
23. Условыне комментарии для IE 9

    Всем доброго времени суток! Есть страничка. Условные комментарии в IE9 создают какой-то отступ сверху. Как это исправить ?

    Asked by Arthur, December 7, 2014

    0 votes
    7 answers
24. Верстка. Правая колонка уехала вниз

    Подскажите в чем может быть проблема. Перечитал код 100 раз. Но в браузере отоброжается так : все нормально - а правая колонка уехала в низ. Спасибо за помощь. <html> <head> <title>Верстка</title> <style type="text/css"> div#block {width:1000px; margin: 2px 15%; background-color: #FDF5E6; font-family: Vivaldi} div.header {width:1000px; height:50px; background-color:#F8F8FF;font-size:30px; font-family: Vivaldi} div.left_col {width:150px; height:550px; float:left; background-color:#F0F8FF} div.center_col {width:698px; height:550px; font-family: monospace; font-size:13px;} div.right_col {width:150px; height:550px; float:right; backgrou…

    Asked by Shroet, December 9, 2014

    • Верстка
    0 votes
    1 answer
25. при создании страниц админки адаптивность не соблюдалась и...

    Всем привет, Есть админка выполненная на основе bootstrap темплейта (отсюда http://themeforest.net/item/business-admin-template/6674668) Но при создании страниц адаптивность не соблюдалась и получилось вроде http://s017.radikal.ru/i415/1412/3f/820cbf96f25c.png Слева меню навигации Правая часть состоит из списка элементов и страницы просмотра Также есть страница редактора одного элемента http://s020.radikal.ru/i703/1412/6c/24454324470e.png И на странице просмотра(1я ссылка) кликом на многих кнопках открывается попап окно для ввода данных вроде : http://s018.radikal.ru/i527/1412/23/933a255cba40.png Так же есть страница с недельным календарем выполненный с помощью компоне…

    Asked by mstdmstd, December 9, 2014

    0 votes
    0 answers