HTML Coding

29542 questions in this forum

1. Многослойный хэдер - как лучше реализовать?

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

   Asked by mankutila, December 11, 2014

   • верстка фон
   0 votes
   5 answers
2. Скрипт прелоадера для input

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

   Asked by okunev2, December 10, 2014

   0 votes
   4 answers
3. псевдоэлементы ко всем 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
4. Баг с скриптами

   Ребят,столкнулся с такой проблемой,которая меня собственно удивила,у меня есть 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
5. 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
6. Вопросы по адаптивной верстке и скролл-эффектам

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

   Asked by Sergik+, December 10, 2014

   0 votes
   3 answers
7. Не могу сделать фрейм

   Напишите пожалуйста код для такого фрейма http://i.imgur.com/yj8keAy.png Сколько я ни пытался, никак не могу нормально написать. Криво получается

   Asked by Ghast0529, December 9, 2014

   • фрейм
   • код
   • html
   0 votes
   2 answers
8. Ошибка с header_buttons, нужна помощь!

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

   Asked by Serg88, December 9, 2014

   • header_buttons
   • ul
   • li
   0 votes
   2 answers
9. 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
10. Вёрстка для старых браузеров

    Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?

    Asked by PavelTkachev, December 9, 2014

    0 votes
    33 answers
11. Подключение нестандартных шрифтов

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

    Asked by Andrew_007, December 9, 2014

    • @font-face
    • шрифты
    0 votes
    5 answers
12. Верстка. Правая колонка уехала вниз

    Подскажите в чем может быть проблема. Перечитал код 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
13. при создании страниц админки адаптивность не соблюдалась и...

    Всем привет, Есть админка выполненная на основе 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
14. Карта из гугла

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

    Asked by stan07, December 9, 2014

    0 votes
    3 answers
15. Блок под блоком

    Народ привет, поскжаите, какой тут плагин используется, что бы блоки становились как на сайте —-> http://mirtesen.ru/

    Asked by mini, December 8, 2014

    0 votes
    2 answers
16. Как сделать трехпозиционный переключатель?

    Как можно сделать трехпозиционный переключатель на HTML и CSS (без JS)?

    Asked by Alen4ik, December 8, 2014

    0 votes
    7 answers
17. Слои слайдера

    http://barab.esy.es/ Сайт. На нем слайдер. На слайдере есть фон (да, он есть, видно если убрать изображения), есть стрелки. Но почему-то стрелки и фон отображаются только на половину слайдера, если возвести их позицию в абсолют. оО Нижняя половина утопает в небытие. Кто может подсказать, как вернуть вторую половину картинок из бездны? Слайдер - Coin Slider. Сам не знаю, куда подлезть.

    Asked by TheZimbabve, December 8, 2014

    0 votes
    1 answer
18. Как реализовать это?

    Как реализовать раскрывающееся действие, как в этой карточке товара, в таблице. Снизу кнопка, при нажатии раскрываются еще строки в таблице, для того чтобы, если таблица длинная, скрыть ее Вот собственно пример хотимый: http://kipservis.ru/datchiki_temperatury/ts_pogruzhniye_pt100.htm

    Asked by Alex_Kukuepta, December 8, 2014

    • список раскрывающийся таб
    • таб
    0 votes
    2 answers
19. Перенос списка

    Ребят подскажите как можно реализовать перенос списка. Например есть список <ul> в нем 40 <li>, вопрос в том как сделать что бы список переносился в право через каждые 10 элементов <li>, вот так: 1. 11. 2. 12. 3. 13. 4. 14. 5. 15.... 6. 7. 8. 9. 10.

    Asked by AlexandrV, December 8, 2014

    • ul
    • li
    • html
    • js
    0 votes
    11 answers
20. Адаптивная шапка

    del

    Asked by Shaman14-21, December 8, 2014

    0 votes
    8 answers
21. слайдер

    ребят давно не занимался сайтами вот решил опять заняться увы вышло много нового и повторить или новое учить ? по поводу слайдера наткнулся в интернете на слайдер коды всё есть вроде просто но не знаю что он хочет http://htmler.ru/2013/09/03/slider-na-jquery/ я хочу устоновить его сюда

    Asked by emin313, December 8, 2014

    • слайдер html.css.java
    0 votes
    2 answers
22. Выход за рамки экрана (паралакс)

    В общем все очень плохо. собсна страничка: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_3.html весь ксс: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/style11.css Стиль изначально не мой, вроде все подогнал и переделал под себя, но осталась последняя проблема: при зажатии левой кнопки или средней + движении мышки вправо - огромное полупустое пространство. (в изначальном варианте стиля с этой страницей - эта проблема существовала). overflow-x: hidden только скрывает бегунок. проблема кроется в этом куске: Каждый класс друг на друга влияет, не могу толком понять, что так сильно растягивает страницу. width: 165vw; дает сильный сдвиг. (что за vw кстати…

    Asked by Linblack, December 7, 2014

    0 votes
    3 answers
23. проблема с text decoration

    взгляните на это: http://s017.radikal.ru/i435/1412/05/d0e008a72426.png я вперые такое вижу если честно. где верхние 3 блока ссылка подчеркнута пунктиром, text decoration только сплошную линию ставит и то расстояние нельзя урегулировать, border не подходит, т.к. он только под всей ссылки поставит одну линию. как такое решить? не ошибка ли дизайнера? и второй момент, там где полезные статьи, text-decoration чуть ниже находится, как опустить его?

    Asked by raptor-dm, December 7, 2014

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

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

    Asked by Arthur, December 7, 2014

    0 votes
    7 answers
25. Как создать сайт на подобие Dotabuff?

    Как они базу данных взяли и откуда и как вставили

    Asked by RuslanHeYca4ev, December 7, 2014

    0 votes
    4 answers