HTML Coding

29542 questions in this forum

1. Как ограничить ширину DIV'a в зависимости от контента?

   Кто может подсказать, как ограничить ширину DIV'a в зависимости от ширины изображения, помещенного в него кроме float и inline-block, width: auto Почему кроме? Потому, что как только эти свойства написать div'у с классом display-template перестает почему-то работать класс img-responsive, примененный к фото фотоаппарата. А width: auto вызывает проблемы при ширине окна <750px Проблема проявляется в FF, IE. В Хроме проблемы нет. Ссылка на то что сделано http://o-blog.ru/igntv-test/ Не пойму почему происходит конфликт display-template и img-responsive p.s. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппар…

   Asked by To_wave, November 6, 2014

   0 votes
   0 answers
2. Счетчик обратного отсчета

   Добрый день, подскажите где найти именно такой счетчик или где найти счетчик который можно править самому. задать слеш, цвет цифр, шрифт и т.д. Пересмотре много в нэте, но все однотипное (( и одно и тоже. Спасибо.

   Asked by mrfrunze, November 6, 2014

   0 votes
   4 answers
3. Валидатор показывает ошибки

   Валидатор пишет на запись ниже: No p element in scope but a p end tag seen. <p style="text-align: center; font-size: 140%;color: #666;">8 (800) <span style="color: #993333;">333-66-73</span><br /><span style="font-size: 75%; color: #666;">(бесплатный по России)</span></p> Ни как не могу исправить ошибки, все текст проверила кругом тег p закрытый вот можно посмотреть страницу (3 похожие ошибки): http://yaroslavl.datrans.ru/perevozka-gruzov-yaroslavl-yakutsk-yaroslavl Спасибо.

   Asked by olyakutukov@ayandex.ru`, November 6, 2014

   0 votes
   4 answers
4. Как узнать какие плагины (слайдеры) установлены на сайте?

   Здравствуйте! Подскажите, как можно узнать какие плагины (слайдеры) установлены на сайте? В Firebug'е смотрела, но -- безрезультатно. Ну, например, вот этот сайт: http://www.pascalvangemert.nl/ -- как он работает, что на нем установлено? Или эти: http://alexarts.ru/en/index.html http://www.estudioagraph.com/

   Asked by Fendia, November 6, 2014

   0 votes
   5 answers
5. Равномерное изменение фона блока и :after треугольника

   Можно ли как то сделать, чтобы треугольник и блок, одинаково меняли цвет в желтый и из желтого? http://jsfiddle.net/npofopr/bpvr0avu/ Сейчас скачек большой. Треугольник запаздывает.

   Asked by npofopr, November 6, 2014

   0 votes
   1 answer
6. Slider и значения

   Может кто сталкивался с таким: Лично я вижу два выхода:1. делать снизу, отдельным слоем.2. значение левой точки оставить снизу, а значение правой точки вынести вверх. Может у кого-то другие решения есть?

   Asked by npofopr, November 6, 2014

   0 votes
   1 answer
7. отступы над/под меню

   Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 10px - 15px - не могу понять где мне это исправить. Подскажите может еще что нибудь добавить или убрать нужно, вот коды: css: #dropdown_nav {width:1076px;padding-left:0px;padding-top:0px;display:inline-block;list-style:none;border-radius:5px;border-bottom:0px solid #777;-moz-border-radius:5px;-webkit-border-radius:5px;background: #DCDCDC url(../img/menu.png);-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #dropdown_nav li {padding:12px 0px 12px 0px;float:left;position:relative;display:inline-block;} #dropdown_nav li a {text-decoration:…

   Asked by HarPy, November 6, 2014

   0 votes
   4 answers
8. Выравнивание текста по низу div

   Добрый день. Прошу сильно не пинать, гуглил пол дня. Подскажите пожалуйста по такому вопросу: как выравнять текст в <div> по нижней границе без absolute. Есть div с фоновой картинкой, поверх которой я вывожу текст. Если использовать absolute текст смещается. Вот как выглядит вариант, в котором нужно выравнять текст по низу: А вот что получается, если у родительского div'a просивать position:relative, а у вложенного position: absolute; bottom: 0; Как ещё можно попробовать выровнять по нижней границе div'a?

   Asked by jdk, November 7, 2014

   • верстка
   • css
   0 votes
   1 answer
9. Webstorm кракозяблы в консоли

   Есть Webstorm 8, поставил Ruby 2.1.4, доставил Sass, при работе всего этого выдаёт такую вот картину Как победить эти кракозяблы? Или в какую сторону копать? Заранее спасибо!

   Asked by Vlad02, November 6, 2014

   0 votes
   4 answers
10. Книжка PHP

    Доброе воемя суток! Ребят ,кто может поделится ссылкой на скачивание рус. книжки "PHP и MySQL. От новичка к профессионалу" Кевин Янк ? Спасибо!

    Asked by angangell, November 6, 2014

    0 votes
    3 answers
11. Баги в стилях слайдера

    Добрый день помогите найти причину почему слайдер так отображается, у главной секции стоит беграунд, а все внутренние блоки должны находиться внутри блока bx-viewport. Пытаюсь сделать через позицию абсолют, но ничего не выходит. + слайдер режит высоту картинки, ставлю высоту как надо через important , не помогает. Помогите отстроить правильно слайдер. спасибо Вот сслыка

    Asked by mrfrunze, November 7, 2014

    0 votes
    14 answers
12. видеоплеер

    посоветуйте пожалуйста пллер, который мог бы проигрывать любые видеоадреса(не только с ютуба) и не требовал бы картинки-превью вариант типа <iframe width="420" height="315" src="//www.youtube.com/embed/EC_R9ZLhT7Y" frameborder="0" allowfullscreen></iframe>не устраивает так как если пользователь введёт адрес, скопированный из адресной строки браузера: ,то видео проигрываться не будет

    Asked by cyklop77, November 7, 2014

    0 votes
    5 answers
13. освоить Wordpress и Joomla

    Вечер добрый хочу освоить Wordpress и Joomla хотя-бы на начальном уровне (создание сайта, загрузка, редактирование контента) - поделитесь опытом, на каких ресурсах это можно сделать и где это хорошо организовано? upd: познания в HTML/CSS есть

    Asked by orange_juice, November 12, 2014

    0 votes
    14 answers
14. Проблема с -moz-filter: invert

    не могу разобраться с инверсией картинки. Чувствую что трачу излишнее время на это, поэтому молю о помощи гуру css! имеется <img class="transition" src="images/Logo.png" width="196px" height="66px" alt="Teach&Style"> .transition:hover {-webkit-filter: invert(1);-moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);} В FF(32.03), IE (11), Safari(5.1) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?

    Asked by klon_008, November 7, 2014

    • Проблема с -moz-filter: inver
    • invert
    0 votes
    3 answers
15. не работает ссылка, содержащая iframe

    помогите пожалуйста решить проблему в ссылку заключён текст и iframe(с видео). проблема в том, что при клике по тексту ссылка работает, а при клике по iframe - нет(нажимается именно видеоплеер) <a class="link_to_details" href="/video/2/" style="display: block;"> <article class="article col-xs-4"> <iframe allowfullscreen="" src="//www.youtube.com/embed/1UBnfzMWiPg" frameborder="0"></iframe> <h4 class="h4">666</h4> <div class="views">Количество просмотров: 0</div> <div class="views">Количество лайков: 0</div> </article></a>возможно сделать так чтобы при клике на ссылке поверх видео, происходило п…

    Asked by cyklop77, November 7, 2014

    0 votes
    3 answers
16. Лендинг и формы

    Привет всем. Такой вопрос. Есть лендинг допустим. Лендинг-интернет магазин. Где на одно странице расположены куча товаров и при клике заказать под товаром, появляется pop-up в котором пользователь вводит свои данные. Такой вопрос. Для каждого товара делать свою форму? или сделать одну, которая будет генерироваться автоматически?

    Asked by raptor-dm, November 7, 2014

    0 votes
    2 answers
17. Слайдер с зумом

    Доброе время суток. Мне нужно сверстать блок с товаром. Снизу мелкие изображения, над ними блок с картинкой. При наведении мыши изображение увеличивается для рассмотрения деталей. Пример: https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ В общем то для карусели я пробовал использовать jCarousel, но иногда при перелистывании видны соседние картинки, и не придумал, как реализовать зум.

    Asked by BirviZ, September 13, 2015

    0 votes
    2 answers
18. Галерея CSS transition

    Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/

    Asked by Delat, November 9, 2014

    • transition
    • галерея
    • Галерея CSS
    0 votes
    4 answers
19. Трехколоночная адапривная верстка

    Доброго дня, дамы и господа. Вопрос: Нужно сверстать трехколоную страницу на которой бы при сужении экрана боковые колонки одновременно убегали под центральную главную. Колонки: <div class="wrapper"> <div class="main"></div> <div class="left"></div> <div class="right"></div></div> Стили: .main { width: 800px; margin: 0 200px;}.left { width: 200px; float: left;}.right { width: 200px; float: right;} и они действительно при малом экране стают так, как надо: @media (max-width: 999px) { .main {width: 100%;margin: 0;} .left, .right {width: 50%;} Но если окно 1000px и больше, то получается так: Если код помен…

    Asked by Ivan-P, November 9, 2014

    0 votes
    4 answers
20. Как создать аналогичный блок?HELP!

    Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):

    Asked by marianna9201, November 9, 2014

    0 votes
    1 answer
21. CSS Спрайт

    Всем доброго времени суток. Столкнулся вот с такой проблемой, то ли я туплю, то ли делаю что-то не так с css спрайтом. Есть вот такой кусок html кода: <div id="social-button"> <a href="#" id="social-button1"></a> <a href="#" id="social-button2"></a> <a href="#" id="social-button3"></a> <a href="#" id="social-button4"></a> </div>И так же кусок css: #social-button { width: 162px; height: 32px; float: right; margin-right: 30px; margin-top: 65px;}#social-button1 { width: 33px; height: 33…

    Asked by job3507, November 9, 2014

    0 votes
    3 answers
22. Не пойму transition

    Здарова всем. Написал вот такой вот кодик: <!--Начало блока--> <div class="item-block"> <div class="item-block-img"> <a href=""> <img src="https://www.vivatao.com/taoimages/img04/bao/uploaded/i4/T1a7tSXuhbXXXXXXXX_!!0-item_pic.jpg_200x200.jpg" alt=""> </a> </div> <div class="item-block-title"> <a href="">фыв</a> …

    Asked by vasya_pupok, November 10, 2014

    • Не пойму transition
    0 votes
    7 answers
23. Наложение div друг на друга bootstrap

    Подскажите пожалуйста по следующему моменту: Верстал при помощи bootstrap. В макете форма имеет такой вид: Но не получается сделать, чтобы форма накладывалась на background частично, т.е. вот что выходит: Я в верхнем div class="row" вывожу саму форму, а у нижнего div class="row" background'ом вывожу изображение. Как сделать что бы верхний row частично перекрывал нижний? Пробовал задать margin-bottom: -200px; и верхнему div'у z-index:2; а нижнему z-index1; Пока не получается.

    Asked by jdk, November 10, 2014

    • css
    • bootstrap
    0 votes
    5 answers
24. Не правильное отображение на мобильных устройствах

    Добрый день, заметил, что на http://gigaline.com.ua/about.html заходя с мобильного устройства или устройства с маленьким разрешением экрана текст опускается за стиль, где то вниз )) http://gigaline.no-ip.biz/owncloud/public.php?service=files&t=463d8ff3d3a36dad4e93b16ab6305a1c&download подскажите как побороть данную досаду?

    Asked by myr4ik07, November 10, 2014

    0 votes
    4 answers
25. Баг в вёрстке

    Добрый день форумчане. Прошу помощи в установлении ошибки в адаптивной вёрстке. Есть страница: http://www.tribuna.com.ru/collection/lingerie-autumn-winter-2014-2015/sea-fan... Если её уменьшить до размера мобильника картинка с моделью съезжает вниз: http://joxi.ru/752a14NES8MG20 В чём проблема и прошу объяснить, чтобы в будущем не попадаться на этом.

    Asked by js26, November 10, 2014

    0 votes
    2 answers