HTML Coding

29542 questions in this forum

1. Баг в вёрстке

   Добрый день форумчане. Прошу помощи в установлении ошибки в адаптивной вёрстке. Есть страница: 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
2. Не правильное отображение на мобильных устройствах

   Добрый день, заметил, что на 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
3. Не пойму 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
4. Наложение 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
5. 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
6. Как создать аналогичный блок?HELP!

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

   Asked by marianna9201, November 9, 2014

   0 votes
   1 answer
7. Трехколоночная адапривная верстка

   Доброго дня, дамы и господа. Вопрос: Нужно сверстать трехколоную страницу на которой бы при сужении экрана боковые колонки одновременно убегали под центральную главную. Колонки: <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
8. Галерея CSS transition

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

   Asked by Delat, November 9, 2014

   • transition
   • галерея
   • Галерея CSS
   0 votes
   4 answers
9. автоматическая ширина для input

   помогите пожалуйста решить проблему есть поле input со строкой текста внутри. не получается сделать так чтобы ширина поля подстраивалась под количество текста(длину строки). фиддл могу использовать js, но хотелось бы на css

   Asked by cyklop77, November 8, 2014

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

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

    Asked by raptor-dm, November 7, 2014

    0 votes
    2 answers
11. не работает ссылка, содержащая 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
12. Проблема с -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
13. видеоплеер

    посоветуйте пожалуйста пллер, который мог бы проигрывать любые видеоадреса(не только с ютуба) и не требовал бы картинки-превью вариант типа <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
14. Баги в стилях слайдера

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

    Asked by mrfrunze, November 7, 2014

    0 votes
    14 answers
15. Как сделать правильно hover?

    Не могу сообразить как правильно сделать hover, что бы при наведении на ссылку, менялось цвет иконок а не по отдельности. http://codepen.io/anon/pen/bwknF

    Asked by Roger, November 7, 2014

    0 votes
    2 answers
16. Выравнивание текста по низу 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
17. Книжка PHP

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

    Asked by angangell, November 6, 2014

    0 votes
    3 answers
18. Webstorm кракозяблы в консоли

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

    Asked by Vlad02, November 6, 2014

    0 votes
    4 answers
19. отступы над/под меню

    Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 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
20. Slider и значения

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

    Asked by npofopr, November 6, 2014

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

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

    Asked by npofopr, November 6, 2014

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

    Здравствуйте! Подскажите, как можно узнать какие плагины (слайдеры) установлены на сайте? В 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
23. Валидатор показывает ошибки

    Валидатор пишет на запись ниже: 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
24. Счетчик обратного отсчета

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

    Asked by mrfrunze, November 6, 2014

    0 votes
    4 answers
25. Как ограничить ширину 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