HTML Coding

29,542 questions in this forum

1. jquery Почему такое поведение атрибута src?

   В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

   Asked by aqua.77, February 12, 2017

   • css
   • html
   0 votes
   1 answer
2. теги <var> , <kbd> и <samp>

   Всем привет.В интернете много тем,на счет тегов <var> , <kbd> и <samp>,но везде одно и то же : var - нужна для пометки переменных... ,kbd - текст вводимый пользователем... и samp - примеры текста. Мне бы хотелось узнать что же даст пометка переменных ,текст вводимый пользователем и примеры тексту. Какое значение она имеет?

   Asked by DGGDAK47, February 12, 2017

   • var
   • samp
   • kbd
   0 votes
   2 answers
3. Как лучше реализовать декоративную рамку?

   Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

   Asked by EugeneKiyash, February 11, 2017

   • svg
   • css
   • html
   0 votes
   10 answers
4. Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.

   Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html

   Asked by Yserty, February 10, 2017

   0 votes
   4 answers
5. Как реализовать переход в HTML5 баннере через тег <a href=””> если в коде тега нет

   Здравствуйте! Прошу помощи, имеются шаблоны HTML5 баннеров и для рекламной системы необходимо что бы обработка в сех клик событий, вызывающих переход на сайт рекламодателя должна быть реализована строго через тег <a href=””> . В коде самого баннера таких тегов нет, ссылки прописаны через // GWD Predefined Function gwd.actions.gwdDoubleclick.exit('gwd-ad', 'id', 'http://site.com, true, true); }; и <gwd-exit metric="id" url="http://codecanyon.net/user/demonswith"></gwd-exit> </gwd-doubleclick> Как то можно это исправить?

   Asked by Alisa_nois, February 10, 2017

   • html5
   0 votes
   1 answer
6. Ширина макета мобильной версии

   Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800. Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? Почему они так поступают и что с этим делать? Спасибо

   Asked by Alarr, February 10, 2017

   • mobile
   • phone
   • width
   0 votes
   4 answers
7. Переход по ссылке через тип "radio"

   Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

   Asked by ErUnDAK, February 10, 2017

   • html
   0 votes
   3 answers
8. Создание слайдера.

   Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?

   Asked by ErUnDAK, February 10, 2017

   • javascript
   • css
   • html
   0 votes
   5 answers
9. transform и анимация

   $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?

   Asked by aqua.77, February 10, 2017

   • jquery
   0 votes
   5 answers
10. Как отменить срабытывание скрипта при разрешении экрана свыше 768px?

    https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.

    Asked by Delat, February 10, 2017

    0 votes
    8 answers
11. Скрипт спойлера с плюсом и минусом

    Подскажите простой, а можно и не простой скрипт спойлера, где при клике и раскрытии черный плюс становится минусом.

    Asked by Delat, February 10, 2017

    0 votes
    0 answers
12. Фоновый цвет блока

    Здравствуйте участники форума обращаюсь с таким вопросом: Решил сверстать небольшой примерчик и столкнулся с такой проблемой фоновый цвет блока вылезает за границы картинки снизу, хотя высота блока в css не была задана в чем проблема не пойму, В прикрепленном файле исходники. Подскажите решение заранее спасибо project.rar

    Asked by pavlovda, February 9, 2017

    0 votes
    1 answer
13. CSS условия в стилях

    Здравствуйте. Подскажите, возможно ли средствами CSS сделать такое: Есть кнопки в таблице. На кнопке есть числа 0 +0 И это все идет столбиком. Пока цифра однозначная, все ок. Но когда счет переходит на 2-3 знака, структура ломается 0 +0 10 +30 100 +1 Можно ли заранее заложить с помощью CSS условия в стилях? Чтобы было вроде: 0 + 0 10 + 8 100 +122

    Asked by banyman, February 9, 2017

    0 votes
    4 answers
14. форма создание дополнительной формы

    Нужно создать форму, которая будет всплывать при нажатии кнопки "Добавить". Например, мы вводим образование, один университет. Но если человек имеет еще одно образование, то он нажимает кнопку "Добавить" и ему высвечивается такая же форма , только с другим полями, ( выше - ниже не имеет значения) На первой картинке показано как это выглядит до нажатия на клавишу, на второй как после нажатия. Есть ли какие нибудь материалы по этой теме? Не могу найти хоть приблизительного примера=( Очень буду благодарна, если поможете=)

    Asked by damase, February 9, 2017

    • создание
    • подключение к сайту html
    • php
    • javascript
    0 votes
    0 answers
15. Совпадение стилей CSS

    Мне надо добавить кусок css кода в уже имеющийся код, но при добавлении в конечном результате "новый" кусок кода изменяет стили уже имеющегося из за того что некоторые названия стилей совпадают, как можно это исправить?

    Asked by Sanktym, February 8, 2017

    0 votes
    2 answers
16. Слайдер на чистом CSS

    Не работает кнопка на 1ом и 2ом слайде, а на 3ем норм. Игрался z-index, но увы безуспешно. Есть соображения? И еще момент, как менять цвет фона body при смене слайда. Например, слайд1 - фон body красный, слайд2 - фон body зеленый и тд??? Слайдер выполнем путем подмены радио кнопок. Картинки подгружать в сам слайдер на стал, думаю и так понятно. Спросите зачем на чистом CSS? Чтобы прокачаться по селекторам и работе слоями. Заранее спасибо за помощь http://www.cssdesk.com/EjsHZ

    Asked by Schamil74, February 8, 2017

    • слайдер css
    0 votes
    7 answers
17. css Как задать ширину контейнера ?

    Собственно.. как задать ширину контейнера по содержимому? Но контейнер должен быть блочным https://jsfiddle.net/oxtLhs5n/

    Asked by aqua.77, February 8, 2017

    • html
    0 votes
    4 answers
18. Изменить селекторы через псевдокласс - HTML, CSS

    Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search…

    Asked by xymox72, February 8, 2017

    • html
    • css
    0 votes
    1 answer
19. Адаптивная информативная фотогалерея

    <div class="imgPages col-es_12 clearfix"> <a href="assets/template/flexible/img/ballu/bravo.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo.jpg" alt="Ballu Bravo внутренний блок"> </a> <a href="assets/template/flexible/img/ballu/bravo-outdoor.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-outdoor.jpg"> </a> <a href="assets/template/flexible/img/ballu/bravo-pult.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-pult.jpg" alt="Ballu Bravo ИК-пульт"> </a> </div> Есть вот такой блок с изображениями расположенными в …

    Asked by Delat, February 7, 2017

    0 votes
    1 answer
20. Стилизация select

    Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.

    Asked by Schamil74, February 7, 2017

    • стилизация select
    0 votes
    12 answers
21. Как выровнять среднюю колонку по центру (3 колонки)

    https://goo.gl/ygY6HF 3 колонки, сейчас каждая по 33% в ширину. Но логотип #logo по середине почему-то криво стоит по отношению к меню, которое отцентровано при помощи text-align:center;. Можно конечно логотипу margin-left: 30px; сделать - но это вроде как не адаптивный вариант и придется под разные разрешения разные отступы делать.

    Asked by nikki4, February 7, 2017

    0 votes
    1 answer
22. Не получается вертикально отцентрировать блок/картинку

    Превьюшки, которые слева, не центрируются по вертикали. Я пробовал: 1. vertical-align: middle 2. display: table (родительский элемент) и table-cell (дочерний эемент) 3. top: 50% и transform y -50% (отображается некорректно на некоторых устройствах, да и костыль к тому же)

    Asked by iBars, February 7, 2017

    0 votes
    0 answers
23. Как сделать, чтобы в пагинации при клике не отправлялось вниз по якорю?

    Внизу, справа - есть отзывы (надо кликнуть на слово "отзывы (6)" При клике на вторую страницу отзывов - перекидывает вниз. Я так понимаю это связанно с якорем. Как сделать, чтобы это нормально работало, и при клике - оставался экран статичным, либо перекидывало наверх к началу отзывов, а не как сейчас - отправляет куда-то вниз? Причем при переходе со второй страницы на первую - работает как надо.

    Asked by nikki4, February 6, 2017

    0 votes
    1 answer
24. Как заменить радиокнопку рамкой в картинке?

    Нашел как скрыть кружок кнопки, но как сделать, чтобы при переключении цвета у картинки появлялась рамка? т.е. чтобы было понятно какой текущий цвет выбран. <div class="form-group required"> <div id="input-option232"> <div class="radio"> <label> <input name="option[232]" value="37" type="radio"> <img src="http://zohen.ru/image/cache/catalog/colors/black-50x50.jpg" alt="Черный" class="img-thumbnail"> Черный </label> </div> <div class="radio"> <label> <input name="option[232]" value="38" type="radio"> <img src="http://zohen.ru/image/cache/catalog/colors/red-50x50.jpg" alt="Красный" …

    Asked by nikki4, February 6, 2017

    0 votes
    2 answers
25. Плавное появление информационных блоков на страницах

    На сайте https://pages.github.com/ по мере продвижения скролла вниз, видно как информационные блоки плавно появляются, как-будто выплывают. Как называются такие эффекты? Где можно подробно почитать, чтобы научиться их делать самостоятельно. А может быть есть уже готовые, которые не сложно кастомизировать?

    Asked by Delat, February 6, 2017

    0 votes
    3 answers