HTML Coding

29,542 questions in this forum

1. Фигурный блок

   Нужно изображению придать шестигранный вид с бордером по периметру

   Asked by siriuss, July 13, 2017

   0 votes
   1 answer
2. Браузер воспринимает html код как текст

   Есть такой код: <div onclick="this.replaceWith('<iframe src=\'https://www.facebook.com/plugins/video.php?autoplay=1&href=https%3A%2F%2Fwww.facebook.com%2Fsmotriwow%2Fvideos%2Fvb.378858835552346%2F834370963334462%2F%3Ftype%3D3&show_text=0&width=715&height=400\' width=\'715\' height=\'400\' style=\'border:none;overflow:hidden\' scrolling=\'no\' frameborder=\'0\' allowTransparency=\'true\' allowFullScreen=\'true\'></iframe>');"><img alt="Десерт" src="http://ktonanovenkogo.ru//wp-content/uploads/video/image/10.jpg" width="100%"></div> Но почему то он при клике заменяет картинку на код фрейма. В оригинале кода где я его бр…

   Asked by slapit, July 25, 2017

   0 votes
   1 answer
3. Как изменить стиль соседним элементам?

   Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.

   Asked by nikki4, July 27, 2017

   0 votes
   1 answer
4. Максимальная обфускация CSS кода

   Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.

   Asked by Yamaradg, August 3, 2017

   • обфускация сss
   0 votes
   1 answer
5. Кнопки с заданными поисковыми запросами вместо (помимо) обычной формы поиска

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

   Asked by gentleman, July 31, 2017

   0 votes
   1 answer
6. Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

   Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит? И как с этим бороться? Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину. Ссылка на HTML и CSS https://jsfiddle.net/j6z93mmk/

   Asked by TEO_911, August 3, 2017

   • тег ul
   0 votes
   1 answer
7. Регулярные выражения в html

   Увидел здесь http://htmlbook.ru/samhtml5/formy/shablon-vvoda-dannykh шаблон ввода данных для текстовых полей формы обратной связи. Насколько я знал, подобное делается на js и php. Верное ли это решение для сегодняшнего дня и стоит ли это примеять? Ведь дата публикации достаточно стара — 10.09.2011.

   Asked by dupre, August 9, 2017

   • шаблон
   • ввод данных
   • обратная связь
   0 votes
   1 answer
8. Проблемы с вставкой изображения

   у меня есть список: <nav> <ul class="navigation"> <li><a id="link" href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li class="cb"><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> </ul> </nav> и есть стили кото…

   Asked by vladimirte, August 12, 2017

   • css
   0 votes
   1 answer
9. Позицирование элементов

   Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …

   Asked by Sabretooth, August 15, 2017

   • navigation position
   0 votes
   1 answer
10. Сложный радиальный градиент

    Здравствуйте! Есть такая картинка, можно ли ее реализовать с помощью радиального градиента? Сколько искал информацию, радиальный градиент повторяется от центра к краю, а мне нужно повторение по кругу. Можно ли это реализовать?

    Asked by Ascold, August 16, 2017

    0 votes
    1 answer
11. Таймер на сайте даже без онлайн пользователей

    Я столкнулся с такой проблемой, что мне нужно сделать на сайте таймер который будет выполнять функцию даже если на сайте не сидит ни одного человека. Я не знаю как это сделать и через кокой язык. Кто знает, помогите.

    Asked by ValerKa00776, August 18, 2017

    • таймер
    • онлайн
    • сайт
    0 votes
    1 answer
12. Выравиние во Flexbox

    Подскажите, как можно растянуть блоки 2, 3, 4 по высоте блока 1? space-between и align-items не срабатывает. Пример тут:

    Asked by Kolya_YA, August 19, 2017

    • flexbox
    0 votes
    1 answer
13. Интересная реализация фона

    Надеюсь, смогу объяснить, чтобы меня поняли: Наткнулся на один сайт (http://sheltertheanimation.com/), на нём есть тег <section>, что используется на сайте. И вот при прокрутке страницы фон этой секции не подвижен, а сами элементы, типо: <h1>, <p> подвижны. У меня просьба и вопрос: Дайте мне ссылку на статью по подобной ситуации, ибо очень заинтересовала, и объясните мне предназначение тега <section>, ведь я мог вместо него использовать тот же самый <div>.

    Asked by ErUnDAK, August 20, 2017

    • html
    • css
    0 votes
    1 answer
14. Нужна помощь совсем чайнику)

    Не знал куда обратиться и решил написать на этом форуме. Я не верстальщик, но знания по HTML и CSS мне нужны будут в будущем) Вопрос следующий, есть сайт один, надо сменить адрес юрл при нажатие на логотип сайта, так как программиста сейчас нету и какое-то время не будет, мне надо самому разобраться с этим. Я знаю что через хром можно посмотреть как и где нужно искать файл который надо сменить, в моем случаи это сменить юрл адрес при нажатие на логотип. Вот скрин в низу, что приблизительно я хочу сказать) Кто может помочь - буду очень благодарен за совет)

    Asked by Rostyslav, August 25, 2017

    0 votes
    1 answer
15. Как склеить ячейки в таблице из div?

    <!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…

    Asked by Rinat, September 14, 2017

    • div
    • table
    • css
    0 votes
    1 answer
16. Из input в массив

    Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >

    Asked by VisRex, September 16, 2017

    0 votes
    1 answer
17. Почему в карусели не работает событие мыши?

    И не работает если у карусели стоит значение loop: true, а если false то норм https://jsfiddle.net/hhnq8a26/21/

    Asked by aqua.77, September 23, 2017

    0 votes
    1 answer
18. верстка и JS программирование в Safari ?

    Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!

    Asked by mstdmstd, September 25, 2017

    0 votes
    1 answer
19. Animation (other)

    Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? Можно ли все сделать в стилях css?

    Asked by AlexandrShinkin, October 30, 2017

    • графика
    • фон
    0 votes
    1 answer
20. Долгая загрузка страницы

    Люди, помогите пожалуйста с оптимизацией загрузки сайта. Дали заказ на верстку посадочной страницы , я только учусь верстать и знаю что код мой очень баговый но как говориться на ошибках и учатся я перелапатил весь интернет но толком никакой информации не нашел. Проблема в чем , сайт крупной строительной компании ,и у этих ребят ну очень много работ, все они предоставлены в картинках, их там наверное под тысячу , я все сделал но сайт очень долго теперь открывается и это не удивительно учитывая такое количество картинок , как мне так сделать что бы сайт открывался быстро ? я решил сделать прелоудер но это не выход конечно же . Помогите , вот ссылка на сайт http://makhovits…

    Asked by Makhovitskii, October 3, 2017

    • оптимизация
    • верстка
    • html
    • css
    0 votes
    1 answer
21. Проблема с таблицей в мобильной версии сайта

    Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

    Asked by marischka, October 5, 2017

    • таблица
    0 votes
    1 answer
22. Помогите сделать в ряд изображения

    Не могу понять как сделать чтобы изображения встали в ряд и сделать им одинаковый размер. https://jsfiddle.net/4uc2xLqz/

    Asked by Sunboy, October 13, 2017

    • bootstrap
    0 votes
    1 answer
23. Как сделать расстояние у изображений в ряд и не потерять адаптивность

    Нужно сделать расстояние между фотками, но если я добавлю margin-left вся дальнейшая адаптивность катиться в тартарары. https://jsfiddle.net/4uc2xLqz/2/

    Asked by Sunboy, October 13, 2017

    • bootstrap
    • css
    0 votes
    1 answer
24. Как установить картинку?

    по центру что бы при изменении окна она сдвигалась в центр? Извините за глупый вопрос, новичок просто.

    Asked by lockyHC, October 13, 2017

    • картинка
    • css
    0 votes
    1 answer
25. Пустое место при сдвиге "скроллера" вправо

    Делаю сайт: http://czechturizm.cz резиновым (для мобильников и прочего) Слайдер .slider хочу сделать на минимальную и максимальную ширину браузера... и вот, когда окно браузера уменьшить (по ширине) чтобы снизу была полоса прокрутки, то прокрутив ее вправо... слайдер остается зафиксированным, и появляется пустое место (черный экран - я сделал фон body черным, чтобы легче заметить косяки). Как это исправить? чтобы не было пустого места... или скроллер не появлялся? —————————— Вопрос решен (вроде) оказывается, ширина среднего блока была шыре верхнего...

    Asked by all-zer, October 14, 2017

    0 votes
    1 answer