HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как ограничить ширину 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. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппар…
0 votes0 answers -
Счетчик обратного отсчета
Добрый день, подскажите где найти именно такой счетчик или где найти счетчик который можно править самому. задать слеш, цвет цифр, шрифт и т.д. Пересмотре много в нэте, но все однотипное (( и одно и тоже. Спасибо.
0 votes4 answers -
Валидатор показывает ошибки
Валидатор пишет на запись ниже: 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 Спасибо.
0 votes4 answers -
Как узнать какие плагины (слайдеры) установлены на сайте?
Здравствуйте! Подскажите, как можно узнать какие плагины (слайдеры) установлены на сайте? В Firebug'е смотрела, но -- безрезультатно. Ну, например, вот этот сайт: http://www.pascalvangemert.nl/ -- как он работает, что на нем установлено? Или эти: http://alexarts.ru/en/index.html http://www.estudioagraph.com/
0 votes5 answers -
Равномерное изменение фона блока и :after треугольника
Можно ли как то сделать, чтобы треугольник и блок, одинаково меняли цвет в желтый и из желтого? http://jsfiddle.net/npofopr/bpvr0avu/ Сейчас скачек большой. Треугольник запаздывает.
0 votes1 answer -
Slider и значения
Может кто сталкивался с таким: Лично я вижу два выхода:1. делать снизу, отдельным слоем.2. значение левой точки оставить снизу, а значение правой точки вынести вверх. Может у кого-то другие решения есть?
0 votes1 answer -
отступы над/под меню
Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 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:…
0 votes4 answers -
Выравнивание текста по низу div
Добрый день. Прошу сильно не пинать, гуглил пол дня. Подскажите пожалуйста по такому вопросу: как выравнять текст в <div> по нижней границе без absolute. Есть div с фоновой картинкой, поверх которой я вывожу текст. Если использовать absolute текст смещается. Вот как выглядит вариант, в котором нужно выравнять текст по низу: А вот что получается, если у родительского div'a просивать position:relative, а у вложенного position: absolute; bottom: 0; Как ещё можно попробовать выровнять по нижней границе div'a?
0 votes1 answer -
Webstorm кракозяблы в консоли
Есть Webstorm 8, поставил Ruby 2.1.4, доставил Sass, при работе всего этого выдаёт такую вот картину Как победить эти кракозяблы? Или в какую сторону копать? Заранее спасибо!
0 votes4 answers -
Книжка PHP
Доброе воемя суток! Ребят ,кто может поделится ссылкой на скачивание рус. книжки "PHP и MySQL. От новичка к профессионалу" Кевин Янк ? Спасибо!
0 votes3 answers -
Баги в стилях слайдера
Добрый день помогите найти причину почему слайдер так отображается, у главной секции стоит беграунд, а все внутренние блоки должны находиться внутри блока bx-viewport. Пытаюсь сделать через позицию абсолют, но ничего не выходит. + слайдер режит высоту картинки, ставлю высоту как надо через important , не помогает. Помогите отстроить правильно слайдер. спасибо Вот сслыка
0 votes14 answers -
видеоплеер
посоветуйте пожалуйста пллер, который мог бы проигрывать любые видеоадреса(не только с ютуба) и не требовал бы картинки-превью вариант типа <iframe width="420" height="315" src="//www.youtube.com/embed/EC_R9ZLhT7Y" frameborder="0" allowfullscreen></iframe>не устраивает так как если пользователь введёт адрес, скопированный из адресной строки браузера: ,то видео проигрываться не будет
0 votes5 answers -
освоить Wordpress и Joomla
Вечер добрый хочу освоить Wordpress и Joomla хотя-бы на начальном уровне (создание сайта, загрузка, редактирование контента) - поделитесь опытом, на каких ресурсах это можно сделать и где это хорошо организовано? upd: познания в HTML/CSS есть
0 votes14 answers -
Проблема с -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) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?
0 votes3 answers -
не работает ссылка, содержащая 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>возможно сделать так чтобы при клике на ссылке поверх видео, происходило п…
0 votes3 answers -
Лендинг и формы
Привет всем. Такой вопрос. Есть лендинг допустим. Лендинг-интернет магазин. Где на одно странице расположены куча товаров и при клике заказать под товаром, появляется pop-up в котором пользователь вводит свои данные. Такой вопрос. Для каждого товара делать свою форму? или сделать одну, которая будет генерироваться автоматически?
0 votes2 answers -
Слайдер с зумом
Доброе время суток. Мне нужно сверстать блок с товаром. Снизу мелкие изображения, над ними блок с картинкой. При наведении мыши изображение увеличивается для рассмотрения деталей. Пример: https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ В общем то для карусели я пробовал использовать jCarousel, но иногда при перелистывании видны соседние картинки, и не придумал, как реализовать зум.
0 votes2 answers -
Галерея CSS transition
Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/
0 votes4 answers -
Трехколоночная адапривная верстка
Доброго дня, дамы и господа. Вопрос: Нужно сверстать трехколоную страницу на которой бы при сужении экрана боковые колонки одновременно убегали под центральную главную. Колонки: <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 и больше, то получается так: Если код помен…
0 votes4 answers -
Как создать аналогичный блок?HELP!
Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
0 votes1 answer -
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…
0 votes3 answers -
Не пойму 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> …
0 votes7 answers -
Наложение div друг на друга bootstrap
Подскажите пожалуйста по следующему моменту: Верстал при помощи bootstrap. В макете форма имеет такой вид: Но не получается сделать, чтобы форма накладывалась на background частично, т.е. вот что выходит: Я в верхнем div class="row" вывожу саму форму, а у нижнего div class="row" background'ом вывожу изображение. Как сделать что бы верхний row частично перекрывал нижний? Пробовал задать margin-bottom: -200px; и верхнему div'у z-index:2; а нижнему z-index1; Пока не получается.
0 votes5 answers -
Не правильное отображение на мобильных устройствах
Добрый день, заметил, что на http://gigaline.com.ua/about.html заходя с мобильного устройства или устройства с маленьким разрешением экрана текст опускается за стиль, где то вниз )) http://gigaline.no-ip.biz/owncloud/public.php?service=files&t=463d8ff3d3a36dad4e93b16ab6305a1c&download подскажите как побороть данную досаду?
0 votes4 answers -
Баг в вёрстке
Добрый день форумчане. Прошу помощи в установлении ошибки в адаптивной вёрстке. Есть страница: http://www.tribuna.com.ru/collection/lingerie-autumn-winter-2014-2015/sea-fan... Если её уменьшить до размера мобильника картинка с моделью съезжает вниз: http://joxi.ru/752a14NES8MG20 В чём проблема и прошу объяснить, чтобы в будущем не попадаться на этом.
0 votes2 answers