HTML Coding

29,542 questions in this forum

1. Текст в блоке вертикально по центру

   Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

   Asked by PavelTkachev, April 25, 2016

   0 votes
   1 answer
2. Копирайт залазит за div-секцию на смартфонах (в портретном режиме)

   Вот сайт, скриншот внизу. Надо сделать так, чтобы надпись "Комплекс серверов..." оставалась на том же месте, что и на компьютере

   Asked by iBars, May 8, 2016

   0 votes
   1 answer
3. Вопросы по верстке футера

   Доброго времени суток. Верстаю футер. В процессе возникло несколько вопросов. 1) По макеты нужно, чтобы 3 колонки были в одну линию. Выставляю все необходимые отступы, и, к примеру, в мозиле все нормальна, а в хроме последний блок съезжает вниз. Как такое можно исправить. 2) Почему то textarea немного смещен относительно других input в последнем столбце. Почему так происходит? У placeholder в textarea шрифт почему то отличается от всех остальных. Как это можно победить? http://a96362zl.bget.ru/index.html

   Asked by IvanRu08, May 9, 2016

   0 votes
   1 answer
4. Эффект при наведении

   При наведении на .tabs-link у .tabs-link:after должно появляться свойство visibility: visible; http://codepen.io/anon/pen/XdwJaG

   Asked by yaparoff, May 16, 2016

   • hover
   0 votes
   1 answer
5. Пропорциональная высота

   Привет, допустим есть изображение 1.280 на 720 пикселей, как узнать его пропорциональную высоту при ширине 1.000 пикселей на PHP? Спасибо!

   Asked by Anechka, May 24, 2016

   • php
   0 votes
   1 answer
6. $.Validation изменение приоритета правил

   Добрый вечер. Есть популярный плагин https://jqueryvalidation.org/ для валидации форм. Всё хорошо, но нужно изменить очередность применения правил. При инициализации плагина при указании правил, независимо от того в каком порядке они указаны, применяться в первую очередь все равно будет правило "email", а нужно чтобы в первую очередь проверялось "kir_mail". То есть, чтобы пользователь видел ошибку о том что он использует кириллические символы до того как он напишет почту в правильном формате. rules: { email: { required: true, kir_mail: true, email: true, emailBlackList: true } } Какой день уже ищу решение, но что то не…

   Asked by li4e, May 27, 2016

   • jquery
   • validation
   • javascript
   0 votes
   1 answer
7. Placeholder не отображается в Mozilla

   Не отображается Placeholder в браузере Mozilla. Также не видно текста когда вбиваешь в текстовое поле. В чем может быть проблема? Ссылка на сайт (форма входа вверху справа)

   Asked by yaparoff, June 2, 2016

   • placeholder
   0 votes
   1 answer
8. Горизонтальная полоса прокрутку

   Всем привет. Заметил, что на сайте появилась большая горизонтальная полоса прокрутки, не могу найти причину. Помогите, пожалуйста. http://a96362zl.bget.ru/

   Asked by IvanRu08, June 30, 2016

   0 votes
   1 answer
9. Как сделать такое на flexbox?

   Нужно с помощью flexbox сделать такое Как это сделать? Пока что получается вот так

   Asked by yaparoff, July 6, 2016

   • flexbox
   0 votes
   1 answer
10. Bootstrap slider: переместить описание на слайде

    Bootstrap - slider. Необходимо переместить описание. Попробовал сделать это с помощью position:relative и position:absolute. Но получается перемещать только вверх-вниз. А как сделать это вправо-влево? Вот сам сайт

    Asked by yaparoff, July 11, 2016

    • slider
    • bootstrap
    0 votes
    1 answer
11. Авто submit при выборе file

    Здравствуйте, знаю как реализовать с помощью jQuery: jQuery(function(){ $("#file").change(function(){ $("#form").submit(); }); }); но согласитесь что глупо ради такой простой задачи подключать целую библиотеку! Может кто подскажет способ без jQuery? Спасибо!

    Asked by Anechka, July 25, 2016

    • input
    • file
    • submit
    0 votes
    1 answer
12. Модификация кнопки

    Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';

    Asked by Alexey1111, August 13, 2016

    0 votes
    1 answer
13. Прижать картинку к нижней границе

    http://www.zhemch.ru/ Посоветуйте пожалуйста, возможно ли как-то (не переверстывая) прижать картинку к нижней границе родительского блока, если он выше, чем картинка? Такое происходит при валидации формы или если текста в блоке с приветствием больше, чем обычно. display:table-cell для родителя и vertical-align:bottom не помогает, т.к. высота родителя меньше соседнего блока, распирающего строку по высоте.

    Asked by d0ublezer0, September 1, 2016

    0 votes
    1 answer
14. Можно ли сделать слова вместо маркеров и подвинуть потом их?

    Есть список новостей Задача к списку подписать сверху "Новость": копал в водпрессе последние записи и не найду код где можно вставить перед li слово новость. Подумал, а может в css можно как-то это сделать? знаю, что можно как-то картинку вставить. А можно ли чтобы цифра оставалась. а при этом картинка добавлялась?

    Asked by nikki4, September 7, 2016

    0 votes
    1 answer
15. Размытие фона (filter: blur) ПОД модальным окном

    Здравствуйте! Перелопатил очень много информации и примеров, но так и не понял как размыть фон под модальным окном. В любых вариантах у меня размывается само модальное окно, а фон остается прежним. Хотя, если устанавливаю цвет фона, то он применяется под модальным окном...помогите, пожалуйста, разобраться. https://jsfiddle.net/tm1jnysg/

    Asked by volshebnyi, September 13, 2016

    0 votes
    1 answer
16. Уменьшение фонового изображения, находящегося в спрайте

    Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!

    Asked by volshebnyi, October 23, 2016

    0 votes
    1 answer
17. transform:scale() Не работает css transform

    Всем привет! Помогите пожалуйста разобраться в чем проблема. ——————————————————————————————————————————————————-- Ето код html <div class="top_menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">PORTFOLIO</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> &…

    Asked by pavel_osypov, November 5, 2016

    0 votes
    1 answer
18. На сайте не открывается одна страница на сайте

    Сайт: http://sandraflower.com/ При переходе на пункт меню "О нас" адрес становится: http://sandraflower.com/sandraflower.com/index_about_us как это можно исправить? С остальными пунктами так не происходит Произошло после добавления кода для удаления из адресной строки .html в файл .htaccess Возникает ошибка: Not Found The requested URL /sandraflower.com/index_about_us.html was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Asked by Юлия_36, July 19, 2018

    0 votes
    1 answer
19. Выборочное заполнение фона

    Как сделать чтобы область в левом нижнем углу не заполнялась фоновым цветом? https://jsfiddle.net/0xhypez7/1/ Конечно можно вставить туда картинку, но может как нибудь тенями?

    Asked by aqua.77, November 30, 2016

    0 votes
    1 answer
20. Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?

    Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…

    Asked by Drunk_Monkey, December 15, 2016

    0 votes
    1 answer
21. bootstrap выпадающее меню

    Нашел в бутстрапе выпадающее меню с кнопкой, при нажатии на которой внешний контейнер родитель добавляет себе класс "open". Вот свойства батома <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">Выпадающий список </button> aria-expanded="false" при нажатии меняется на false true и внешний блок добавляет и удаляет себе класс соответственно. Как так происходит? это без JS? как такого добиться?

    Asked by aqua.77, December 21, 2016

    0 votes
    1 answer
22. Svg картинки

    Привет форум. Хотел спросить как добавляются или создаются картинки в формате svg. Они рисуются на отдельном редакторе а после компилированный код добавляется в html файл? Можно ли из растровой картинки сделать svg? и если можно какие нибудь уроки подробные Спасибо.

    Asked by aqua.77, December 28, 2016

    • svg
    0 votes
    1 answer
23. Скачет гармошка

    Взял за основу такой аккордион: http://ruseller.com/lessons.php?rub_id=2&id=1195 Начал вставлять его в движок, но чето работает не так как в демке, при клике экран смещается http://cssdeck.com/labs/upg89em0 Как сделать чтобы экран не скакал? Или может подскажите другой рабочий аккордион с похожим эффектом? (плавное раскрытие при клике на один из пунктов и закрытие другого пункта) Нашел еще один скрипт и тоже не работает... Нашел третий скрипт - он заработал. Но там надо jquery подключать в начале

    Asked by nikki4, January 30, 2017

    0 votes
    1 answer
24. добавить табам прокрутку

    помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

    Asked by cyklop77, January 21, 2017

    • bootstrap3
    0 votes
    1 answer
25. Вложенный блок в ссылку

    Почему происходит такое поведение блока в котором есть ссылка? https://jsfiddle.net/jgpkow1m/ если же в блок положить другой элемент например абзац, то всё нормально.

    Asked by aqua.77, January 26, 2017

    0 votes
    1 answer