HTML Coding

29542 questions in this forum

1. Как создать вложенное dropdown меню второго уровня с bootstrap 3?

   Здравствуйте! Пытаюсь сделать мобильно-дружелюбным меню второго уровня вложенности с использованием компонента navbar от bootstrap 3. Пока вот что получается Может у вас есть какая идея, как заставить раскрыться вложенный подпункт Dropdown2 по клику бутстрапным образом? Или нужно свой скрипт-обработчик вешать?

   Asked by borus, June 8, 2015

   • bootstrap 3
   • navbar
   • dropdown
   • многоуровневое меню
   0 votes
   1 answer
2. Слетают стили при печати

   Доброго времени суток, сообщество! Столкнулся с совершенно непонятной для меня ситуацией: iam-holder.ru/system.html?url=u_b5d393811355fb9def3c9968d80c3da8 Если смотреть в браузере — все ок, все на месте. Если нажать ctrl + p — инфа которая в клеточках слетает… Может кто то с подобным сталкивался?

   Asked by ruyou, June 8, 2015

   0 votes
   2 answers
3. Правильно ли применять разметку schema.org в категории товаров или в списке категорий?

   Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?

   Asked by borus, June 8, 2015

   0 votes
   4 answers
4. Вертикальное выравнивание текста

   Не получается выровнять. Использовал vertical-align: middle; display: inline-block; Не получается. Как это выровнять так, чтобы при добавлении/ удалении текста, он всегда оставался вертикально по середине? http://codepen.io/anon/pen/Ejmbro

   Asked by yaparoff, June 8, 2015

   0 votes
   2 answers
5. Запуск шаблона в сеть без движка?

   Доброго времени суток! Есть простой шаблон html, есть хостинг, есть домен, движка нет. Подскажите, как сделать, чтобы моя страница отображалась в сети. На сколько понимаю необходимы команды php. Подскажите какие!? Заранее благодарен за ответ!

   Asked by Cors1k, June 8, 2015

   0 votes
   2 answers
6. Я решил учить flexbox.

   Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?

   Asked by DivMan, June 7, 2015

   0 votes
   23 answers
7. Сладер стопкой

   Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.

   Asked by Shiza, June 7, 2015

   • слайдер
   • jquery
   • карусель
   0 votes
   0 answers
8. Как грамотно выровнять блоки

   Думаю как грамотно выровнять эти текстовые блоки. Само по себе это не трудно. Но фишка в том что они разные по величине и их величина (текст) может увеличиваться/ уменьшаться? Как сделать так, чтобы при добавлении/ удалении текста, они всегда оставались вертикально по середине? P.S.: vertical-align пробовал http://codepen.io/anon/pen/BNRZGB

   Asked by yaparoff, June 7, 2015

   0 votes
   3 answers
9. Поведение :hover у псевдоэлементов

   Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

   Asked by Kelenar, June 7, 2015

   • :hover
   0 votes
   7 answers
10. Верстка под мобайл

    Здравствуйте, уважаемые форумчане! Не подскажите хорошие статьи по верстке под мобайл - чтобы толково о правильном использовании медиа было расписано. Поняла что фундаментальных знаний в этом вопросе мне явно не хватает - раньше использовала бутстрап, а теперь надо самой все с нуля писать)) Бровзерстек показал море косяков для мобайл в моей верстке - например Андроид сжимает слишком картинки, border dashed глючит и т.п. Заранее благодарю)

    Asked by Orysya, June 7, 2015

    • media queries
    • android
    0 votes
    2 answers
11. Самовольное изменение шрифта

    Подскажите пожалуйста, почему при проверке на девайсах ниже 500px, шрифт начинает увел, font-size задан фиксированый, сайт есть не адаптированный Используя <meta name="viewport" content="initial-scale=1"> все нормально, кроме background'ов* http://shkafbaroni.ru/dev3/

    Asked by Omega24v, June 7, 2015

    0 votes
    3 answers
12. Кнопка с углом

    Добрый день! Пытаюсь сделать кнопку - вот что получилось Уголок сделан через псевдо-элемент и свойства transform:translateX(-25px)rotate(45deg)skew(10deg, 10deg)scale(0.61); Мне нужно синюю рамочку вокруг уголка - как вокруг родительского блока. Если добавлять рамку к треугольнику, то во первых из за scale она не тех размеров, во вторых портится градиент. Подскажите пожалуйста, как сделать рамку?

    Asked by sond1k, June 7, 2015

    0 votes
    6 answers
13. Первая строка

    DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…

    Asked by Zueff, June 6, 2015

    • doctype
    0 votes
    4 answers
14. Выравнивание по центру элемента, который шире, чем его родитель

    Возникла подобная задача, нужно было сделать ряд из элементов (логотипов компаний) неизвестного количества, который выровнен по центру макета с фиксированной шириной и уходит за границы документа. Задачу решил (почти случайно, поиск в интернете натолкнул на мысль), но если честно, до сих пор не могу понять до конца, как это работает (и точно ли работает, вдруг где-то очевидный косяк?). Такого решения задачи в сети не находил (плохо искал, уверен, что есть), нечто похожее - http://www.greywyvern.com/?post=323, но там требуется дополнительный враппер. Работает вроде бы везде. Фишка в одинаковых отрицательных маргинах с обоих сторон (нужно, чтоб они были достаточно большими,…

    Asked by zenw, June 6, 2015

    0 votes
    1 answer
15. Добавить checkbox и radio кнопки в существующую форму

    Здравствуйте. Есть необходимость добавить варианты выбора чекбоксом и радио кнопкой в форме отправки. Сайт тут - http://olegberesnev.com/ Форма эта - http://xozblog.ru/2012/11/modal-windows/ Подскажите, где поискать грамотно дописанное?

    Asked by kattiperk, June 6, 2015

    0 votes
    5 answers
16. Контент в блоке

    Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

    Asked by fro, June 5, 2015

    0 votes
    90 answers
17. Почему не похожие товары не выстраиваются по 4 в ряд?

    Здравствуйте! Если посмотреть страницу секцию Похожие, то там можно увидеть, что похожие товары имеют классы col-sm-3, то есть должны бы умещаться по 4 в строке, но этого не происходит с первой строкой по крайней мере? В чём я ошибся?

    Asked by borus, June 5, 2015

    • bootstrap 3
    • колонки
    0 votes
    2 answers
18. Текст прижать к правому краю DIVa.

    Здрасте. Пытался сделать это с помощью - text-align: right; , не сработало. Требуется в одной строке с <h1>MagicShine EAGLE F3,</h1>, но не в нём самом сделать надпись - "Опубликовано 5.06.2015." у правого края блока. Я указал смещение относительно - position:relative;, считаю это некорректно, вдруг размер блока для контента по каким-то причинам изменится, и надпись окажется не там. Вот оно на странице - http://велосвет.рф/china/mj-f3.html. Подскажите, как мне прижать к правому краю её ?

    Asked by Kompilator, June 5, 2015

    0 votes
    6 answers
19. как выстроить так блоки?

    http://joxi.ru/KAx9lOxU0wGkr8 displa inline-block vertical-align top не помогают masonry?

    Asked by raptor-dm, June 5, 2015

    0 votes
    4 answers
20. js для увеличения картинок

    Подскажите, пожалуйста, js, который при нажатие на картинку ее увеличивает, при повторном нажатии уменьшает.

    Asked by Anna-15, June 5, 2015

    • картинки
    0 votes
    2 answers
21. как убрать padding у div последнего элемента

    Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3…

    Asked by pavlovda, June 5, 2015

    0 votes
    8 answers
22. Корректное отображение блока

    Добрый день, возникла проблема с блоком .promo_2 http://legrand-servis.com/chto-my-predlagaem В этом блоке задан шрифт 20пик. В блоке module-promo_5 под ним есть span - которому заданы свои стили. Если в блоке .promo_2 отключить размер шрифта, тогда в блоке module-promo_5 span отображается корректно. Подскажите почему размер шрифта влияет на другой блок? Как сделать так что бы и шрифт остался нужного размера и span не прыгал? Спасибо. Разобрался блоку .promo_2.mod_fixed изменил отступ margin-bottom: 50%; )))

    Asked by mrfrunze, June 5, 2015

    0 votes
    0 answers
23. Вставить узор png в DIV

    Как вставить png узор над блоком DIV так как на картинке. И чтобы он растягивался при изменении ширины дива? https://yadi.sk/i/3fu3fo0rh6LJc https://yadi.sk/i/XeVu53LFh6LKD

    Asked by kolhoz, June 5, 2015

    0 votes
    3 answers
24. Вёрстка блоков

    Привет! вот рабочий пример https://jsfiddle.net/soltx/hdytadeL/embedded/result/всё норм когда я задал ширину для label и у меня достаточно текста блок с вопросом прижат вот другой пример https://jsfiddle.net/soltx/qve5qwpb/embedded/result/ тут криво работает конструкция, нужно блок с вопросом, прижать к тексту, код должен быть универсальным, так как длина текста может быть разная и блок с вопросом всегда должен прижиматься к тексту, .item остаётся с фикс шириной в 300px

    Asked by soltx, June 4, 2015

    0 votes
    2 answers
25. Разные анимации элемента по :hover

    Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

    Asked by Kelenar, June 4, 2015

    • :hover
    • @keyframes
    • animation
    0 votes
    5 answers