HTML Coding

29,542 questions in this forum

1. Проблема с -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
2. видеоплеер

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

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

   Asked by mrfrunze, November 7, 2014

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

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

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

   Подскажите пожалуйста! Сам полностью в ручную пишу сайт... Всегда все вопросы решал сам... Но тут уже руки отпускаются.... Собственно вопрос...как средствами html css или другими php реализовать - изменяю цену на главной странице, чтобы автоматом цена менялась на субстраницах.... А то приходиться изменять цену на главной странице, потом залазить на субстраницы и там тоже менять, очень тяжко, когда субстраниц штук 30-40 и более...спасибо!

   Asked by Spam30001, November 5, 2014

   • Как реализовать на html css
   0 votes
   7 answers
8. Проблема с инструментами разработчика Chrome

   В последние 2 недели возникает иногда проблема с инструментами разработчика Chrome. Обычно в хроме возле селектора всегда был написан файл и номер строки, теперь иногда перестает показываться. С чем это вообще может быть связано?

   Asked by da4ka, November 5, 2014

   • Chrome
   0 votes
   4 answers
9. Как сделать правильно hover?

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

   Asked by Roger, November 7, 2014

   0 votes
   2 answers
10. Помогите с версткой выпадаюше.

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

    Asked by parnas, November 5, 2014

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

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

    Asked by npofopr, November 6, 2014

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

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

    Asked by npofopr, November 6, 2014

    0 votes
    1 answer
13. Валидатор показывает ошибки

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

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

    Asked by mrfrunze, November 6, 2014

    0 votes
    4 answers
15. Структурные тэги в HTML5

    Так Section или Artice ?

    Asked by angangell, November 5, 2014

    0 votes
    9 answers
16. Чем наполнить портфолио новичку?

    Здравствуйте! Подскажите пожалуйста по вопросам портфолио. Ситуация такая: я новичок в верстке, реальные макеты для клиентов еще не верстал, верстал только те, которые скачал в интернете для того что-бы попрактиковаться (текст везде: Lorem Ipsum...), хочу начинать работать на фрилансе, возможно вскоре попробую устроится в офис. 1.Можно ли портфолио на фриланс-сайтах для начала заполнить сверстанными макетами, которые я нашел в интернете и сверстал что бы попрактиковаться или лучше вообще не заполнять портфолио если работ для реальных клиентов нет? 2.Могу ли я сверстав 10 таких скачанных макетов для портфолио идти устраиваться на работу в офис?

    Asked by Andrew_007, November 5, 2014

    • портфолио
    0 votes
    17 answers
17. проблема с jqueryValidate

    помогите пожалуйста решить проблему с плагином jquery validate на странице есть 2 формы, каждую из них я проверяю этим плагином примерно так: (function (){ // ————————————————————————————-- auth $.validator.setDefaults({ submitHandler: function() { console.log('com'); } }); $().ready(function() { $("#authForm").validate({ rules: { username: { required: true, maxlength: 30, minlength: 3 }, bla bla bla }); }); // ————————————————————————————-- reg $.validator.setDefaults({ submitHandler: function() {…

    Asked by cyklop77, November 5, 2014

    • jquery
    • javascript
    • validate
    0 votes
    2 answers
18. Как ограничить ширину 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
19. Резиновый div с верикальным выравниванием

    Никак не могу совладать с вёрсткой... Есть задача сделать резиновый div на 90% высоты экрана с изборажением на бекграунде. Туда нужно вписать текст, затемнить бекграунд сеткой и выровнять текст по вертикали. Что я сделал. Разместил внутри первого дива второй, у которого бекграунд сеткой. Всё бы хорошо, но теперь не могу растянуть его по размеру родителя и отцентрировать текст. Функционал можно глянуть тут: http://jsfiddle.net/gumbert/ddkd1bs9/3/ Как мне можно его победить?

    Asked by dmtr, November 5, 2014

    • div
    • css
    • вертикальное выравнивание
    0 votes
    3 answers
20. Проблемы с масштабом в разных браузерах.

    Давно верстаю, но с таким еще не сталкивался. Гугл ничего вразумительного не выдает. В общем, проблема такая: При 100% масштабе высталенном в каждом браузере, странца все же умудряется отличаться по размерам в разрых браузерах. Заметил это при верстке своего сайта, потом решил зайти и посмотреть есть ли таже проблема с другими сайтами, там оказалось все то же самое. Причем судя по ширине выводимой страницы chrome и IE правильно показывают масштаб, а вот остальные браузеры нет. Хотя, повторюсь, в настройках у всех браузерах стот 100% масштаб. Не знаю теперь как это все к общему виду привести. Вручную, с помошью тега meta можно конешн масштаб выставить на вид один, но …

    Asked by skyman000, November 5, 2014

    0 votes
    3 answers
21. Ссылка на index.html с разных папок

    Привет, такая проблема. Хочу добавить на сайт ссылки , но они находятся в разных папках. Вот пример: Site(главная папка)>languages > (тут есть 3 папки, Russian, Lithuania, English) Вот собственно проблема , в каждой из этих папок надо сделать по 3 ссылки на другой язык. Пробовал так. <div id="links" <a href="Site/languages/russian/index.html"> Russian </a> <a href="Site/languages/lithuania/index.html"> Lithuanian</a> <a href="Site/languages/english/index.html"> English</a> </div> И выходит что он создаёт линки, но при нажатий открывает неизвестную страничку.

    Asked by Adamkuss, November 5, 2014

    0 votes
    8 answers
22. CSS3 возможно ли?

    Добрый день уважаемые форумчане! Есть страничка на которой крутится видео. При наведении мышкой на видео оно плавно разворачивается на весь экран. Можно ли сделать так чтобы тот же эффект разворачивания срабатывал при обнаружении в текстовом файле символа "1". Т.е. появилась единица картинка развернулась, появился ноль свернулась, но чтобы без перезагрузки видео... Пример текущего кода... <!doctype html><html lang=en><head><title>Видео HTML5 с переходными эффектами</title><meta charset=utf-8><style>html { background: #000000; }body { width: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.9em; line…

    Asked by 17cross76, November 5, 2014

    • CSS3
    0 votes
    1 answer
23. Вертикальное расположение блоков

    Добрый день! Как сделать, чтобы блоки 1 и 2 располагались вертикально, т.е. друг под другом?Код блоков: <div class="news"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" /></div><div class="news1"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" …

    Asked by marianna9201, November 2, 2014

    0 votes
    1 answer
24. img hover

    pls help) http://jsfiddle.net/kfs7e19p/40/ что-то туплю, можно сделать на css чтоб вторая картинка меньшего размера оказалась сверху первой? или надо js использовать?

    Asked by tr0nik, November 4, 2014

    0 votes
    3 answers
25. Не могу выровнять блок по центру страницы

    Делаю слайдер в Edge Animate, и никак не могу выровнять его по центру. http://slider.samara-website.ru/slider_bigboss.html Добавил в код вызова анимации margin: <div id="Stage" class="EDGE-69460755" style="margin:auto; max-width:1920px;"></div>не помогает. Пробовал JS файлы редактировать "${_Stage}": [["color", "background-color", 'rgba(255,255,255,0.00)'],["style", "overflow", 'hidden'],["style", "height", '375px'],["style", "margin", 'auto'],["style", "max-width", '1920px']]http://slider.samara-website.ru/slider_bigboss_edge.js var plSTF="none",ctrPlS="horizontal",minPlW="0",maxPlW="1920px",plHeight="375px";http://slider.samara-website.ru/slider_bigboss_…

    Asked by yozuul, November 4, 2014

    0 votes
    2 answers