HTML Coding

29542 questions in this forum

1. смещается выпадающее меню во время отрисовки

   помогите пожалуйста поправить выпадающее меню в bootstrap-вёрстке в адаптивной вёрстке в шапке поведение элементов в общем меня устраивает. красиво элементы я размещу позже но при малой ширине экрана(когда меню превращается в значок, расположенный в верхнем правом углу) после клика на этот значок меню открывается, затем смещается под лого, при этом не заполняет на 100% ширины экрана. в этом проблема. нельзя ли заставить это выпадающее меню показываться любым нормальным способом? вот fiddle, если так удобнее

   Asked by cyklop77, November 12, 2014

   • bootstrap
   0 votes
   4 answers
2. Текст в div-e

   Люди добрые, помогите. Не получается поднять заголовок в самый верх div-a и сократить интервал между ним и текстом. В гугле не забанен, но все равно решение найти не могу ( Пробовал vertical-align - не получается

   Asked by yaparoff, November 12, 2014

   • Текст
   • div
   0 votes
   4 answers
3. Колонки одинаковой высоты с разделителем

   Нужно сверстать это: Это 3 колонки, в каждой будет текст. Я сверстала пока без кружочков, просто вертикальную черту в качестве border, но возникла проблема с разной высотой колонок. Может быть есть какие-то решения?

   Asked by Светлана Г., November 13, 2014

   0 votes
   4 answers
4. как сделать такой бордер?

   всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?

   Asked by tr0nik, November 13, 2014

   0 votes
   4 answers
5. HTML5. section>aside

   А ведь нельзя же в aside вложить section?

   Asked by DivMan, November 14, 2014

   0 votes
   4 answers
6. Очень нужна помощь HTML+CSS+JS

   Суть вопроса: в HTML страничке реализована анимация средствами CSS: // CSS .fon_animate{ ...width: 0px; animation: timing_left 2s ease forwards;}@keyframes timing_left { 100%{ width: 400px; margin-left: 0px; }}//HTML <div class = "fon_animate" style="top:250px; animation-delay: 1s"> <img src = "../res/img/blank.png"></div>Необходимо по кнопке клавиатуры, например пробел, либо сокращать время анимации до нуля, либо переходить к 100% анимации. Я так понимаю это можно реализовать средствами JQuery. Очень буду рад и благодарен за помощь!

   Asked by dobryc, November 17, 2014

   • html
   • css
   • js
   • jquery
   • animation
   0 votes
   4 answers
7. Тело страницы всегда по центру

   Доброго всем времени суток! Возник такой вопрос: есть блок, внутри которого базируется всё содержимое страницы. Что бы его центрировать, используется достаточно простая конструкция: #pageBody {width: 1000px;margin: 0 auto;}Но когда содержимое страницы по высоте выходит за рамки окна, появляется полоса прокрутки и блок слегка съезжает. Хотелось бы узнать, реально ли как-нибудь избежать этого, не прибегая к абсолютному позиционировнанию? Заранее благодарю за любой совет!

   Asked by NapalmRain, November 25, 2014

   0 votes
   4 answers
8. картинки

   скажите если я хочу сделать фон как на этом сайте http://www.alpinabook.ru/ , обои с книгами. Как найти его?

   Asked by Leyla84, December 2, 2014

   0 votes
   4 answers
9. Masonry: странное поведение

   Здравствуйте! Впервые решила использовать на сайте библиотеку Masonry. Вот так подключаю: <ul id="masonry" class="js-masonry clearfix" data-masonry-options='{ "columnWidth": 210, "itemSelector": ".item", "gutter": 10 }'> Но при тестировании обнаружилась странная проблема. если страницу просматривать в Safari под Windows 8, то сначала страница выглядит так: Затем, если изменять ширину экрана вручную, то все встает на свои места. И еще в других браузерах сначала картинки выстраивались в один вертикальный ряд, а после изменения ширины экрана - также все восстанавливалось. В чем может быть проблема?

   Asked by Светлана Г., November 27, 2014

   • masonry
   0 votes
   4 answers
10. Резиновый двухколоночный макет с фиксированной шириной правого блока

    Пытаюсь сверстать адаптивную вёрстку сайта с двумя колонками. Я сделал два блока с атрибутами inline-block внутри общего контейнера. Задал левому ширину 80%, а правому 20%. И задал min-weight и max-weight. Но теперь моя задача усложнилась. Мне надо, чтобы правая колонка всегда была 200px, а левая заполняла всё оставшееся место. Можно так сверстать с помощью float и margin-right. Но мне нужно, чтобы правая колонка проваливалась вниз при достижении min-width для левой колонки. Как это можно сделать?

    Asked by PavelTkachev, November 28, 2014

    0 votes
    4 answers
11. Макеты с исходным кодом

    Здравствуйте! Подскажите пожалуйста, где можно скачать psd макет сайта и его исходный код чтобы видеть как в том или другом месте сверстано и сравнивать свое. Заранее благодарен!

    Asked by FitTech, December 1, 2014

    • Где найти
    0 votes
    4 answers
12. Как применять вч сч нч запросы?

    Здравствуйте. Недавно в процессе столкнулся и немного почитал про такие понятия, как перелинковка и вч сч нч запросы. Вроде бы всё понял - что это и для чего, но так и не догоняю - мне, как разработчику сайта и человеку, наполняющему сайт контентом, куда вставлять эти самые вч нч запросы? Это просто определенные подобранные слова прямо в теле текста на страницах или это - те самые ссылки для перелинковки, которые надо именовать соответствующими вч нч запросами?

    Asked by spaceboy, December 4, 2014

    0 votes
    4 answers
13. Флеш баннер для андроида

    Здравствуйте, подскажите пожалуйста...Есть сайт с таким то адресом http://svtihon.ru/ на нём установлен флеш баннер в левом ферхнем углу. Создан в программе макромедия флеш 6.0 и всё бы ничего, на всех браузерах всё показывает. НО! запустил планшет (андроид 4) и кароче капец. Не видит, тока значок, показывающий бессилие браузера вместо картинки....Кто может что посоветовать? подскажите пожалуйста, файл .swf. Гифку ставить неохото уж больно много весит, аж в три раза толще Спасибо

    Asked by zhevtan, December 4, 2014

    • flash баннер
    0 votes
    4 answers
14. проблемы с z-index на кнопке

    Всем привет! Озадачился с проблемой(подробнее на картинке): Нюанс - Черепашка относится к Layer1 как одна общая картинка. Если Layer1 по z-index выше то я не могу нажать Button1 Если Layer 2 по z-index выше то черепахе голову обрубает)

    Asked by klon_008, December 4, 2014

    • z-index
    • не реагирует button
    0 votes
    4 answers
15. Не работает vertical-align

    Здравствуйте! Столкнулся с такой проблемой: vertical-align отказывается работать - при установке значения "middle" выравнивает по верхнему краю, не могу понять почему... Возможно, сталкивался кто-то? HTML: <div id="menu"> <a title="Главная страница" href="http://www.torawhite.ru/" target="_self" id="home"></a> <a href="#" target="_self" id="magazine">ЖУРНАЛ</a> <a href="#" target="_self" id="market">МАРКЕТ</a> <a href="#" target="_self" id="more">ЕЩЕ</a> </div> CSS: #menu { position: absolute; height: 30px; width: 268px; bottom: 5px; left: 0px; } #men…

    Asked by Torawhite, December 7, 2014

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

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

    Asked by RuslanHeYca4ev, December 7, 2014

    0 votes
    4 answers
17. Картинки с сылкой в ряд по горизонтали по центру блока с авто margin

    Доброе утро всем. Начал переделывать сайт под различные девайсы, айпад и тд. Столкнулся с такой проблемкой. Как сделать картики ссылкой в ряд по горизонтали, но чтобы они были по центру блока, если реально то с авто оступами. Проблема в том, что при уменьшении окна, если картинка не влезает, она переносится по левому краю и остается большой кусок пустым это если я использую float left, если его не использовать тогда они у меня выстраиваются по центру но по горизонтали. Вобщем, чтобы понятней было скриншот и приблизительный код ниже: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { ma…

    Asked by bobsa, January 9, 2015

    • css
    0 votes
    4 answers
18. Скрипт прелоадера для input

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

    Asked by okunev2, December 10, 2014

    0 votes
    4 answers
19. 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
20. Баг с скриптами

    Ребят,столкнулся с такой проблемой,которая меня собственно удивила,у меня есть 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
21. Не получается плавный скроллинг

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

    Asked by Tobey, December 11, 2014

    0 votes
    4 answers
22. Не работает border-image

    http://whoiwas.ru/work/window/ - вот тут код. Попытался в инпутах формы сделать border-image. Но бордера как-такового нету. Только углы видно.

    Asked by Tobey, December 14, 2014

    0 votes
    4 answers
23. Как убрать границу?

    Добрый день. На сайте в блоке "Что мы предлагаем" если подвести мышь к заголовку либо тексту слева от него появляется белая линия, но когда курсор отвожу линия не исчезает. Подскажите пожалуйста, как справиться с этой бедой?

    Asked by jdk, December 25, 2014

    0 votes
    4 answers
24. Плагин для отображения каскада в браузере

    Здравствуйте. Довелось тут перевёрстывать шаблон один, так вот там мало классов и id, одни каскады, причём очень длинные. Хотел свой прописать, но не получается, может элемент какой пропускаю. Есть ли какая софтина, которая бы показывала полный каскад до элемента? Скажем открываю я средства разработки браузера, тыкаю на элемент, а он мне строку показывает: body>#superid>.superclass>div>div spanГуглил, но ничего не нашёл похожего.

    Asked by Sigizmund, December 15, 2014

    0 votes
    4 answers
25. Вертикальное центрирование внутри блока

    И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?

    Asked by PavelTkachev, December 16, 2014

    0 votes
    4 answers