HTML Coding

29,542 questions in this forum

1. Как поместить два navbar на одной строке?

   Здравствуйте. Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить. Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке Вот что есть на данный момент. Абсолютное позиционирование должно помочь? Поможите, пожалуйста

   Asked by borus, May 18, 2015

   0 votes
   4 answers
2. Как сделать стиль для блока с опредленным стилем?

   есть 2 блока. нужно, чтобы items-row по разному в них отображался <div class="blog"> <div class="items-row"></div></div>как это сделать в css? вопрос решил, догадался... забыл просто как это делается .blog .items-row .item

   Asked by nikki4, May 19, 2015

   0 votes
   0 answers
3. Яндекс карта

   Как вставить метку на карту? Я только научился вставлять координаты карты Вот, что получилось http://jsfiddle.net/x6vsdhcm/1/ Вот так надо Большая Конюшенная улица, 19, Санкт-Петербург, Россия

   Asked by DivMan, May 18, 2015

   0 votes
   12 answers
4. Изменение слова при достижении последнего слайда

   Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось

   Asked by kattiperk, May 17, 2015

   0 votes
   9 answers
5. чтобы текст адаптировался под экран пользователя?

   http://cssdeck.com/labs/i3xa5vim. если не трудно подскажите что написать чтобы текст адаптировался под экран пользователя? В chrome при просмотре на разных устройствах текст меняет размер, но когда я занес текст и фрейм в разные div, он перестал адаптироваться. текст вне этих div адаптируется. Помогите!!!

   Asked by kniggaliev, May 18, 2015

   • текстб
   • адаптироватьб
   0 votes
   1 answer
6. Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним

   Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb

   Asked by kniggaliev, May 17, 2015

   • iframe
   • текст
   0 votes
   3 answers
7. Выравнивание элемента по центру

   Всем привет! Есть вот такой небольшой лэндинг, поднял на бутстраповском шаблоне отсюда. Не могу никак разобраться с наследованием стилей у блока <div class="clock flip-clock-wrapper" style="margin:5em;>, в котором находится таймер. Конкретно интересует какое свойство и у кого наследует этот блок, из-за которого съезжает выравнивание по центру. Хочу разобраться, но в CSS не очень хорошо разбираюсь, подскажите куда смотреть

   Asked by axmakarov, May 17, 2015

   • align
   • css
   • наследование
   0 votes
   3 answers
8. Выпадающая строка поиска на бутстрапе 3

   Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

   Asked by borus, May 16, 2015

   0 votes
   5 answers
9. Brackets. При перетаскивании файлы не открываются

   Начал осваивать новый редактор Brackets (кстати очень удобный). Однако столкнулся с такой проблемой: По сути, чтобы открыть файл его достаточно перетащить в программу. Однако у меня это сделать не получается - программа запрещает это делать (курсор становится крестиком). Это действует на все файлы как html, css, так и PSD. Получается открывать только так "файл" --> "открыть" А как открывать PSD файлы без перетаскивания вообще не понимаю. Кто нибудь сталкивался с этим? Как это решить?

   Asked by yaparoff, May 18, 2015

   • Brackets
   0 votes
   0 answers
10. Помогите разобраться с мультиклассовостью

    Здравствуйте участники форума помогите с таким вопросом создал небольшой пример, код которого приведу ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <div class = "orange yellow"> </div></div></body></html>* {margin: 0 ;padding: 0 ;}ul{list-style-type: none ; }img {border: none ;}div{margin: 0 auto ;width: 400px ;height: 400px ;}.orange{background: orange ;}.yellow{background: yellow ;}В данном варианте все отрабатывает отлично, как нужно. Но …

    Asked by pavlovda, May 18, 2015

    • html css
    0 votes
    3 answers
11. верстка слайда

    Доброй ночи всем. Сижу уже который день и не могу ничего придумать. Надо сверстать шестиугольный слайд. Т.е. чтобы картинка загружалась прямоугольной формы а выводилась в виде шестиугольника еще и с рамкой. Помогите пожалуйста. СЛАЙД

    Asked by swear0, May 17, 2015

    0 votes
    5 answers
12. Обрезается фон при горизонтальной прокрутки

    Добрый вечер. Как сделать чтобы фон при горизонтальной прокрутки не вырезался с правой стороны? pandora-replica.ru

    Asked by psg-2301, May 17, 2015

    • css
    0 votes
    1 answer
13. text-align: justify ie

    Подскажите почему столбцы в .g-main-content не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE). А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px. Ссылка.

    Asked by leshiple, May 17, 2015

    • text-align: justify
    0 votes
    2 answers
14. Длинное тире

    Меняю название на сайте WordPress, ввожу тире, в исходном коде отображается длинное тире —. Как исправить? Не нравится как отображается в поиске длинное тире, да и если смотреть на другие сайты у всех стандартное тире.

    Asked by Jokerrs, May 17, 2015

    0 votes
    5 answers
15. bootstrap3: переход на одну колонку

    помогите пожалуйста решить проблему на страничке есть 2 кнопки: .but1, .but2 . при изменении ширины экрана они меняют своё расположение друг относительно друга. при белом и жёлтом бэкграунде они расположены в одну колонку, при magentа и cyan бэкграунде они расположены в 2 колонки у меня не получается сделать так чтобы при белом бэкграунде они располагались в одну колонку, а при жёлтом, magenta и cyan бэкграунде они располагались в 2 колонки цвет бэкграунда соответствует дефолтным точкам перехода в бутстрапе: @media (min-width: 480px) { body{ background: orange !important; }}@media (min-width: 768px) { body{ background: magenta !important; }}@media (min-width: 992p…

    Asked by cyklop77, May 9, 2015

    • bootstrap
    • bootstrap3
    0 votes
    10 answers
16. Примеры хорошего SCSS

    Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…

    Asked by leshiple, May 16, 2015

    • scss
    0 votes
    11 answers
17. Масштабирование сайта проблема 2

    Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...

    Asked by psics, May 17, 2015

    0 votes
    2 answers
18. Можно ли создать отзывчивый дизайн, используя таблицы?

    Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?

    Asked by StOK, May 16, 2015

    • отзывчивый дизайн
    0 votes
    2 answers
19. Переход между блоками с паралакс эффектом

    Натолкните на мысль, как лучше сделать такой "уголок" между блоками: Верхний блок с паралаксом, нижний с градиентом, в обоих блоках есть контент.

    Asked by chocolate_moles, May 16, 2015

    0 votes
    1 answer
20. Как сделать анимацию логотипа при помощи css 3

    Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation

    Asked by Anna Zharova, May 16, 2015

    0 votes
    19 answers
21. Раскрытие меню при наведении курсора

    Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…

    Asked by marianna9201, May 16, 2015

    0 votes
    2 answers
22. Номера телефонов переводятся на новую строку

    Подскажите, как отменить перевод на новую строку номеров телефонов на iOS?

    Asked by vip, May 13, 2015

    0 votes
    6 answers
23. Как выронить блоки?

    Нужно чтобы блоки стояли так: Сейчас блоки стоят так: Подскажите, пожалуйста, как выронить блоки, чтобы они стояли ровно? Код: #content {margin-left: 270px;padding: 10px;background: #f0f0f0;height: 900px;}.cat {height: 190px;width: 340px;float: left;padding: 1px;margin-top: 20px;margin-left: 20px;text-align: left;border: 1px solid #8fa09b;background: #ffffff;}—-<div id="content"><div class="cat"></div><div class="cat"></div><div class="cat"></div><div class="cat"></div></div>

    Asked by Anna-15, May 16, 2015

    • блоки
    0 votes
    5 answers
24. Админка и css reset

    Ребята у меня на проекте возникла проблема. У нас проек в начале версатлся в ручную, после чего натянули админку с Yii2? При создании статьи в админке все выгладет нормально, но как только перейти на сайт, все летит к чертям! проблема в ресете, я так понимаю что нужно передавать отдельнозначеня для тегов для блоков с контейнерами. Возможно кто-то находил способы обхода и этих проблем другим путём?

    Asked by kemston, May 14, 2015

    0 votes
    1 answer
25. размер изображения

    Здравствуйте. Из базы вывожу новости в которых есть фотографии в виде ссылок ( новости новости новости <img src=1.jpg width=500> новости новости новости) вывод делаю так , но не помогает {div style="width=100"}{title}</div> где {title} сами новости с изображением. подскажите как мне изменить размер фотографии в выводе новостей.

    Asked by mario-cerr, May 14, 2015

    0 votes
    4 answers