HTML Coding

29,542 questions in this forum

1. Blink-браузеры не правильно обрабатывают тень

   http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?

   Asked by MyNameIsJim, September 13, 2014

   0 votes
   11 answers
2. Краткое описание при навидении мышки.

   Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>255…

   Asked by mov, September 12, 2014

   • z-index
   • opacity
   • css
   0 votes
   5 answers
3. Выравнивание по вертикали ячейки

   Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?

   Asked by gross, September 8, 2014

   0 votes
   7 answers
4. Проблемы с выпадающим меню (jQuery)

   Пациент: http://demo.imatte.us/fomru/project_people.html Выпадающие меню при клике на эти ссылки работают не правильно. При клике открывается меню, но при выводе курсора из этих меню оно скрывается. Если после этого наводить курсор на любую из этих ссылок, то откроется их меню. Подскажите, как сделать чтобы при unhover'е меню не скрывалось, и при уже открытом меню при наведении на другую ссылку не открывалось другое меню. Спасибо.

   Asked by posthack, September 12, 2014

   • jquery
   • js
   0 votes
   3 answers
5. last-child

   Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.

   Asked by mrfrunze, September 12, 2014

   • css
   • last-child
   0 votes
   8 answers
6. Верстка HTML-писем. Проблема с gmail на Android.

   Доброго дня, коллеги. Довольно долго бьюсь над следующей проблемой. В письме необходимо разбить картинку на 4 ссылки (2х2). Таблица сделана, картинка порезана. Сначала возникали паразитные отступы между ячейками в разных почтовиках, которые были решены таким способом: <a href...><img src="..." style="display:block;"/></a> Помогло везде, кроме андроидовского gmail. Не могу избавиться от вертикального разрыва в 1px между столбцами. Это не рамка, изображение действительно сдвинуто.

   Asked by СерСерыч, September 12, 2014

   • html
   • письма
   • gmail
   • android
   • рассылка
   • img
   0 votes
   11 answers
7. Частично закрытый toggler

   Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…

   Asked by advokatua, September 11, 2014

   • toggle
   • jquery heigth
   0 votes
   2 answers
8. Калькулятор госпошлины на сайт. (Шаблон WordPress)

   День добрый. Друзья юристы попросили сделать им сайт компании. Обо всем договорились я показал им шаблон WordPress, им понравилось, но попросили сделать такую штуку: на других юр. сайтах есть "Калькулятор госпошлины". Должен он быть прямо на сайте и функционировать, да еще и чтоб после расчетов акт распечатки для принтера формировал. Если это осуществимо, напишите пожалуйста как. Спасибо за время

   Asked by Amalkurbanbaev, September 12, 2014

   • калькулятор
   • WordPress
   • установить на сайт
   0 votes
   2 answers
9. Как и спрайт показать и наложение элементов устранить на узком экране?

   Здравствуйте. На странице если суживать окно то получается следующая картина: то есть подчеркивание заголовка раздела налезает на ссылки этого раздела Если в стилях отключить height: 25px; то получается наполовину хорошо, поскольку из спрайта показывается следующая иконка: Как можно сделать так, чтобы и подчеркивание было на своем месте и из спрайта показывалась только одна иконка?

   Asked by borus, September 12, 2014

   0 votes
   8 answers
10. Перенесение JavaScript из документа в файл js

    Есть некий скрипт http://jsfiddle.net/1uczL7v3/4/ когда я его переношу в файл, то элемент с его использованием не работает.. прописываю его в документе так: <script type="text/javascript" src="Имя скрипта.js"> </script> просто я данный скрипт изменил и он у меня больше чем в примере

    Asked by saen, September 11, 2014

    0 votes
    3 answers
11. Прыгают сылки, блоки в меню ( на знаю как точнее назвать )

    В общем есть такое вот : http://jsfiddle.net/1uczL7v3/3/ Как видите при наведении прыгают ссылки... конечно можно в стиле ( padding: 20px 9px 20px 10px ) заменить на ( padding: 0px 9px 0px 10px ) но в этом то и прикол чтоб были отступы снизу и с верху.. пускай даже если цветовой фон залезит на другие ссылки это не важно будут в кого то варианты как это сделать ?

    Asked by saen, September 11, 2014

    0 votes
    4 answers
12. Убрать border

    Здравствуйте, подскажите как можно убрать эту границу? Код можно посмотреть тут: jsfiddle -- Пробовал через псеводоэлементы :before, :after - не получилось. Так же через отрицательный z-index - но думаю, это не верное решение

    Asked by Temiks, August 30, 2014

    0 votes
    5 answers
13. Проблема с фоновыми изображениями

    http://joxi.ru/O4oRVIwyTJCUeXnmiu8 Верстаю с помощью таблицы. Обрал все что можно .antyraj{ margin: auto; padding: 0px;}td{ border: 0px #008040 solid; padding: 0px; margin: 0px;}Все равно есть разрывы в изображении. Все вставлено фонами в td. Может есть у кого идеи!

    Asked by Alex_Dark74, September 11, 2014

    0 votes
    2 answers
14. Горизонтальное меню - need help

    http://jsfiddle.net/Ldcvm8pu/ вот код. Что не получается: - сделать чтобы при наведении на родительский список не было синей полоски внизу под ней (то есть было все белым) - при наведении на родительский список и опускании на дочерний, чтобы был и в родительском списке ссылка имела стили как будто она наведена - задать ширину 800пх что при этом когда я навожу на родительский список оно не оставалось в фиксированном положении как сейчас(тут я чувствую, что гдето наплужил с позиционированием).

    Asked by psics, September 11, 2014

    0 votes
    0 answers
15. Чего не хватает некоторым строкам?

    Здравствуйте. Если посмотреть на страницу, то видно, что для первой фотографии описание не пристраивается справа к изображению, как у остальных. Скажите, пожалуйста: 1. Чего не хватает подобным фотографиям галереи? 2. Насколько применённый CSS отвечает адаптивности под малые экраны 3. Если не отвечает, как сделать пристраивание описаний справа от изображений адаптивным, чтобы они, например, занимали оставшуюся ширину(за вычетом картинки) внутри элемента div.ngg-gallery-thumbnail?

    Asked by borus, September 11, 2014

    0 votes
    3 answers
16. Текст шире ячейки

    Народ, подскажите как сделать так чтобы текст вылезал за границы ячейки, т.е. нужно изобразить следующее http://gyazo.com/57f7c267be08e36c938a25f291f471c7 Ширина всего столбца по пунктирной линии, а слово питание в верхней ячейки шире всего столбца.

    Asked by Knyaz, September 11, 2014

    0 votes
    1 answer
17. Ищу слайдер

    Всем доброго времени суток! Ищу слайдер(не в точности такой же, а по принципу работы подобный): Если есть возможность скинуть ссылку на него или его код.

    Asked by Arthur, September 3, 2014

    0 votes
    10 answers
18. Размеры скролла

    Добрый день подскажите, как изменить размеры вертикального скролла методом css, а именно его длину! http://jsfiddle.net/4bsjouqq/1/ Спасибо.

    Asked by mrfrunze, September 10, 2014

    • css
    0 votes
    3 answers
19. Автовысота 100% у вложенных divов

    <body> <div id="wrapper1"> <div id="wrapper2"> <div id="wrapper3"> content </div> </div> </div></body>body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3. Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работат…

    Asked by adelante, September 10, 2014

    0 votes
    2 answers
20. Использование псевдоклассов и псевдоэлементов

    И снова, здравствуйте. Есть текст, разделенный на правую и левую часть (section id - соответственно), далее секции разделены на абзацы. Задача: в левой секции в первом абзаце первая строка должна быть напечатана большими буквами. Присвоить id абзацу я могу, <p id="firstparagraph"> The Bike the Mountains Tour rises from the town of Littleton, Colorado and explores the Colorado Front Range. Our tour crosses the Continental Divide twice, giving you the opportunity to bike the highest paved roads in the United States. This tour is a classic showcase of Colorado's Rocky Mountain scenery. …

    Asked by jejik, September 10, 2014

    0 votes
    3 answers
21. Уменьшить вес css

    Есть код: http://pastebin.com/kfreQMQc В нем очень длинная строка вызова woff шрифта. Как её упросить?

    Asked by okunev2, September 10, 2014

    0 votes
    5 answers
22. Нужна помощь по префиксам

    Проблема такая, откуда подцеплять префиксы ? 1) Из Sass, я его использую так что проблем ноль 2) Autoprefixer вроде тоже нормально 3) а может уже не надо, я как бы не парюсь по IE ниже 9 ?

    Asked by Sergik+, September 8, 2014

    0 votes
    16 answers
23. Слайдер

    Здравствуйте. Нуждаюсь в слайдере, который бы ещё выводил такое "Картинка 1 из 4", например. http://joxi.ru/Zh0PVIwyTJDNAmfxY0s Или подскажите, как прикрутить к уже существующему слайдеру? Спасибо. А, всё. Неправильно искала.

    Asked by kattiperk, September 9, 2014

    • html js
    0 votes
    2 answers
24. Модальное окно в слайдере

    Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.

    Asked by Orarifish, September 9, 2014

    0 votes
    5 answers
25. Кроссбраузерность.

    Вопрос в следющем: Какие браузеры нужно иметь на компьютере что бы добиться максимальной кроссбраузерности, то есть, что бы можно было открыть сайт который я сверстал и подогнал под эти браузеры на любом компе(с ОС Windows, Mac(ну допустим это винда, не суть важно, главное что бы максимально среднестатистически )) при любой версии браузера и быть увереным что мой сайт там точно будет отабражатся как я сверстал(плюс-минус, но чтобы особых отличий небыло). P/S. У меня стоят: IE 6, 7, 8(в вируталной машине и IETester), IE10, IE9(эмуляция через IE10), и последние версии FF, Хром, Сафари, Опера. То есть 5 основных браузера. Но было такое что на моем 1м компьютере IE10 показ…

    Asked by Arthur, September 8, 2014

    0 votes
    7 answers