HTML Coding

29542 questions in this forum

1. Многослойный градиент

   Подскажите как сделать на фоне многослойны градиент? пытался линейный градиент прописать несколько раз через запятую — не вышло.

   Asked by vano1208, August 7, 2015

   • фон градиент
   0 votes
   3 answers
2. SVG и смена его позиции при наведении курсора

   Речь идет об обычной кнопке с hover-эффектом. С png все получается. Код выглядит примерно так: a.overBtn { display: block; height: 32px; width: 124px; background-image: url(../images/bt.png); background-repeat: no-repeat;}a.overBtn:hover { background-position: 0px -32px;}Для изображения устанавливаются четкие границы. И нижняя часть кнопки, которая перемещается при наведении курсора в видимую позицию, отрезана заданными размерами изображения. Если png поменять на svg, то последний тупо масштабируется (уменьшается), заполняя заданные размеры. Того же эффекта достигнуть не удается. SVG всегда заполняет данный блок. Можно ли как-то реализовать hover с од…

   Asked by Bugert, August 8, 2015

   0 votes
   3 answers
3. Как использовать relative в Bootstrup

   Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/

   Asked by regina68, August 8, 2015

   0 votes
   3 answers
4. Проблемы с адаптивной версткой

   Всем привет. Начал учиться адаптивной верстке. Сразу же возникли первые проблема. Верстаю шапку, прописываю ей width:100% и max-width:960px. При уменьшении окна браузера примерно с 1000px откуда то появляется горизонтальная прокрутка. Откуда, никак не могу понять. Посмотрите, может у меня вообще не правильный подход к верстке. Заранее спасибо. http://cm04741.tmweb.ru/test.html

   Asked by IvanRu08, August 9, 2015

   0 votes
   3 answers
5. Проблемы с навигацией

   Я столкнулся с проблемой, когда делал навигацию для сайта. Суть в том, что оп не понятной мне причине, при наведении появляется ещё раз border.По пунктам:Нажал на пункт меню > Ссылка активна, рамка снизу активна. Но при hover эффекте на уже активный пункт меню появляется ещё один border. Как его убрать? код на JS:$(document).ready(function(){ var link = window.location.pathname; $('#custom-bootstrap-menu a[href="'+link+'"]').parent().addClass('Active'); });Ну тут понятно, обьяснять не надокод CSS: #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { color: rgba(255, 255, 255,…

   Asked by saha300000, August 10, 2015

   0 votes
   3 answers
6. Не могу заставить работать скрипт ouibounce

   Доброй ночи.Есть сайт http://clocks2.ru/test/ Поставил скрипт, который должен показывать модальное окно, когда пользователь уводит курсор к табам, чтобы закрыть вкладку. Все настроил, не заливая на хост, работает. Залил - не работает ничего, не пойму в чем проблема... Помогите.. Такое окно должно появляться. И код отвечающий за все это дело внизу "<!-- Ouibounce Modal -->"

   Asked by Rakapudl, August 11, 2015

   0 votes
   3 answers
7. Не получается поставить картинку поверх checkbox

   Здравствуйте. Посмотрите пожалуйста на код, может сможете помочь. Есть код HTML <div class="checkbox"><input type="radio" value="2" name="option" id="2"/><label for="2">текст</label></div> и CSS .checkbox {position:relative;padding-left:25px;}.checkbox input[type=checkbox], .checkbox input[type=radio] {display:none;}.checkbox label:after {content:'';display:block;height:24px;width:24px;outline:2px solid #939598; position:absolute;top:0;left:0;bottom-radius:5px;outline-radius:50px;}.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after { position:absolute;background:url(images/galka.png…

   Asked by Hatton, August 13, 2015

   0 votes
   3 answers
8. ищу наставника

   Я начинающий верстальщик, ищу наставника вот пример моей работы http://dima.chpmodul.com.ua/ Знаю что таких здесь не любят, хотя по моему это взаимовыгодное предложение. Я могу выполнить за вас часть работы, и расчет за это - знаниями. Но если это никому не интересно, тогда можно просто обсудить цену за час занятия, Обучаюсь я в основном сам, так что занятий будет не много В общем кому интересно пишите в скайп: dm1trij_2

   Asked by Dmitrij, August 13, 2015

   • наставник
   0 votes
   3 answers
9. Сдвиг градиента

   http://codepen.io/anon/pen/mJgxLZ Доброго времени суток. Никак не могу понять, почему съезжает градиент в правом нижнем углу, Margin'ов и padding'ов нет, других идей о причине этого нет. Объясните пожалуйста. И каким образом сдвинуть текст выше этого градиента ниже? Опять же на маржин не реагирует по неизвестным мне причинам. Если вопросы глупые, прошу прощения, но уже не знаю, что и придумать.

   Asked by Nick16, August 13, 2015

   0 votes
   3 answers
10. респонсив и кроссбраузерность

    http://test1.chpmodul.com.ua/ столкнулся с такой проблемой: сначала сверстал сайт, все было нормально, а потом добавил в него медиа запросы @medai (max-width: 540px) и на интернет эксплорере верстка совсем сломалась. почему это случилось и как исправить?

    Asked by Dmitrij, August 17, 2015

    • internet explorer
    • responsive
    • кроссбраузерность
    0 votes
    3 answers
11. Как добавить фоновое изображение слева и справа?

    Есть заголовок, слева и справа от которого должны быть горизонтальный полоски. Пробовал добавить их с помощью before и after - добавляются только слева, сверху и снизу от заголовка. Нужен кроссбраузерный вариант. Помогите, пожалуйста.

    Asked by IvanRu08, August 18, 2015

    0 votes
    3 answers
12. Эффект тиснения градиентом

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, можно ли сделать с помощью градиентов вот такой эффект тиснения? http://savepic.net/7196577.htm Обычный градиент я знаю как делать, использовать несколько градиентов также умею. Но здесь как-то оно на искоса идет у уголков, даже не знаю что делать. Вырезать картинку и так пихать также не очень хочется. Буду благодарен за любую помощь.

    Asked by Velidan, August 21, 2015

    • тиснение
    • градиент
    • эффект
    0 votes
    3 answers
13. отменить смещение текста при list style position inside

    Доброго дня уважаемые коллеги, подскажите пожалуйста, можно ли как-то отменить смещение текста при переносе строки под маркер списка при позиции inside? (Можно только при позиции inside). буду благодарен за любую помощь. https://jsfiddle.net/shaoau5z/

    Asked by Velidan, August 24, 2015

    • смещение
    • текст
    • list
    • position
    0 votes
    3 answers
14. Фиксированное горизантальное меню

    Здравствуйте! Помогите с такой проблемой. Сделал верхнее фиксированное горизонтальное меню, т.е при прокрутке страницы меню остается. Но теперь следующий за меню блок (там картинка) заходит немного за меню. Как его вытащить?

    Asked by Yeldos, August 24, 2015

    • локи меню
    0 votes
    3 answers
15. правильная организация элементов

    Я всю жизнь писал код так <nav id="navigation"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul></nav>а потом посредством css добавлял стили элементам #navigation{ width: 100%;} #navigation ul{ display: block; ... } #navigation ul li{ display:inline-block: ... } #navigation ul li a{ display: block; ... } #navigation ul li a:hover{ text-decoration: none; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…

    Asked by anvyd, August 25, 2015

    • html
    • css
    0 votes
    3 answers
16. Как свернуть раскрытый блок автоматически

    Добрый день, при нажатии на ссылку открывается некий блок, таких ссылок с блоками может быть несколько, как сделать чтобы при нажатии на любую другую закрытую ссылку предыдущий раскрытый блок сворачивался, а выбранный раскрывался? Вот пример http://jsfiddle.net/driver/PD3gk/light/ Спасибо.

    Asked by anutti, August 27, 2015

    • блок развернуть сверуть
    0 votes
    3 answers
17. Адаптивный текст

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

    Asked by alleclf, August 28, 2015

    0 votes
    3 answers
18. Как закрепить кнопки в карточке товара

    Хелп! Пытаюсь сделать сайт, возник вопрос. Постараюсь объяснить поподробнее, более-менее понятно И так, что мы имеем. 1. Главная страница с которой все окей. Карточки товара правильно расположены, кнопки "add to cart" стоят ровно, не прыгают в вверх и вниз в независимости от кол-ва строчек в названии. Ссылка: _www.russian-watches.info 2. Страница поиска товаров, с проблемой. Кнопки "add to cart" зависят от строк в названии и описания. Ссылка: _www.russian-watches.info/search/?searchstring=poljot Как можно убрать во втором случае зависимость кнопки "add to cart" от текста и расположить их все в одну линию? Очень признателен за помощь.

    Asked by slavog, August 31, 2015

    0 votes
    3 answers
19. Participatory Sensing Systems

    Привет. Кто нибудь может помочь???? Participatory Sensing Systems как это будет по-русски. Не могу найти ни одну статью на русском языке. Речь идет о сборе или считывания информации с мобильных устройств. Есть ли какая то книга,статья, заметки.... Может кто сталкивался. Спасибо

    Asked by Dirada, August 31, 2015

    0 votes
    3 answers
20. Проблема с высотой input в разных браузерах

    Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!

    Asked by IvanRu08, September 1, 2015

    0 votes
    3 answers
21. что не так

    есть сайт http://link.ac/4Zqd4 при наведение на телефончик(canvas) должно отрабатывать событие mousemove но не работает я заметил что впервые секунды загрузки оно работает, а потом нет. будто не видит что я мышкой вожу по обьекту. я так понял он чем то перекрыт в разметки, но чем не могу понять. в чем проблема ?

    Asked by raptor-dm, September 4, 2015

    0 votes
    3 answers
22. Классы css border помогите пожалуйста

    В теге <table class="main_border"> некорректно отображает линию таблицы, я указал что она должна быть сплошная иметь толщину в 1px для начала, вот css код .main_border {border:1px solid;} что может быть не так? Тоесть таблица состоит из ещё трёх вложенных таблиц на какой то стороне таблицы стиль css работает как Нада на другой стороне нет, помогите

    Asked by Noob31, September 6, 2015

    0 votes
    3 answers
23. text-intent

    Почему не срабатывает text-intent ? http://cssdeck.com/labs/dwpx62hw

    Asked by rpmcmerphy, September 10, 2015

    0 votes
    3 answers
24. Выходит за пределы

    Почему текст в диве с классом wrap выходит за пределы справа, padding 20px, это же значит что от каждого края по 20 пикселов http://cssdeck.com/labs/dlch9cbl

    Asked by rpmcmerphy, September 10, 2015

    0 votes
    3 answers
25. слайдер

    привет, есть такой слайдер по ховеру, на элемент (треугольник) картинка (внутри треугольника) увеличивается, текст исчезает. Сам треугольник при этом остается конечно. Слайдер должен быть адаптивен. Сложность в том что один блок слайдера (карусели) должен состоять из нескольких картинок. Треугольник очевидно тоже картинка, хотя в принципе его можно как div сделать http://codepen.io/web-tiki/pen/JnLGb Народ, что бы вы посоветовали ?

    Asked by riki, September 11, 2015

    • html
    • css
    • js
    • jquery
    0 votes
    3 answers