HTML Coding

29,542 questions in this forum

1. Почему не работает псевдокласс

   <input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/

   Asked by aqua.77, December 23, 2016

   0 votes
   5 answers
2. Выпадающее меню поверх другого блока

   Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.

   Asked by Владимир Горинов, December 24, 2016

   • html
   • css
   • jqery
   0 votes
   2 answers
3. Пропорционально высота блока относительно ширины

   Как реализовать чтобы при уменьшении ширины блока пропорционально уменьшалась и высота? https://jsfiddle.net/31zxeozo/

   Asked by aqua.77, December 24, 2016

   • css
   0 votes
   2 answers
4. Выпадание margin'а. Почему так происходит?

   В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"

   Asked by wa0s, December 23, 2016

   • html
   • css
   0 votes
   4 answers
5. Как сделать слайд блока на чистом JS?

   Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } …

   Asked by hetsketch, December 24, 2016

   • js
   • css
   0 votes
   5 answers
6. иконки поста выполненны через стили

   Всем привет, по ссылке ref Под текстом "Launch your startup smarter a" есть 4 иконки выполненны через стили <div class="border-icon border-icon-1"> <span class="icon-icon1"></span> </div> Определенные как : .border-icon-1 { padding-top: 35px; } .border-icon-1 span { font-size: 57px; } .icon-icon1:before { content: "\e917"; } ... Вопрос в том, что если применить эту верстку к Wordpress-у чтобы отображать посты и можно было в новых постах как-то отображать аналогичные ярлыки для других постов ? Админ сайта в админке постов : 1) Выбирает ярлык и записывает его в скажем в поле Custom Fields 2) Обработчик на фронт…

   Asked by mstdmstd, December 24, 2016

   0 votes
   1 answer
7. Текст на всю ширину блока

   Практикуюсь в верстке и столкнулся с проблемой. есть блок и параграф в нем и текст не расширяется на весь блок Есть пример: Пример Версаю с планшета и скрине с него:

   Asked by ds[sms], December 24, 2016

   • html text-align
   • css
   0 votes
   0 answers
8. Проблема с hover отображением и ссылками

   Здравствуйте, я решил сделать сайт по шаблону от wix.com, я только учусь, вот не могу понять как сделать так что бы блок с картинкой заливался желтым с opacity 0.6 где-то и в то же время что бы эта картинка была ссылкой на саму себя но в окне галереи от fancybox. У меня заливка желтым уже стоит через hover, но картинка не работает как ссылка, если я убираю hover то ссылка становится активной и галлерея работает как задумано. Вот ссылка на шаблон сайта: http://ru.wix.com/website-template/view/html/1642?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2 Ftemplates%2Fhtml%2Fall%2F2&bookName=&galleryDocIn dex=7&category=all Вкладка "О нас", внизу есть фото к…

   Asked by Invert, December 23, 2016

   • html
   • css
   • js
   0 votes
   0 answers
9. html Помогите с неправильным отображением.

   В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; …

   Asked by ErUnDAK, December 18, 2016

   • css
   • вёрстка
   0 votes
   4 answers
10. Как подключить шрифт

    Привет, подскажите как подключить шрифт "apple system " к своему сайту ? Такой же использует "Вконтакте" Или Helvetica Neue

    Asked by Анатолий1944, December 23, 2016

    • как подключить шрифт
    0 votes
    0 answers
11. Как сделать скролл на один экран вниз?

    Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?

    Asked by tefery, December 22, 2016

    • jquery
    • scroll
    0 votes
    2 answers
12. Как растянуть слайдер на всю секцию?

    Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…

    Asked by tefery, December 22, 2016

    • jquery
    • slider
    • адаптивность
    0 votes
    5 answers
13. Можно ли сделать так по другому (а не position)?

    https://incub10.github.io/scheme/ Как сделать по другому? Просто position перекрывает паддинг нижний(

    Asked by incub, December 20, 2016

    • html
    • css
    0 votes
    4 answers
14. Максимальное заполнение картинкой контейнера

    http://www.apriori-dz.ru/apriori/foto-video-galereya Изображения разных форматов и разных размеров. Можно ли как-то добиться, чтобы они максимально заполняли родительский контейнер? Т.е. растянуть в ширину и высоту по максимуму, но минимальная сторона не должна быть больше чем родитель, при этом сохраняя пропорции?

    Asked by d0ublezer0, December 22, 2016

    0 votes
    1 answer
15. Почему не применяется градиент?

    Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/

    Asked by Hasiev, December 21, 2016

    0 votes
    9 answers
16. html HTML и CSS изображения и текст на них!

    Мне нужна помощь, как создать иерархуию изображений, чтобы одно накладывалось на другое ( у меня получается обычно наоборот, так же в коде я менял позиции ). Так же еще один вопорос, как на это изображение налепить текст, который был бы кликабелен?

    Asked by Requiemrekt, December 22, 2016

    • css
    • изображение
    • img
    • новичок
    • вёрстка
    0 votes
    3 answers
17. Выровнять текст по вертикали

    Нужно выровнять текст по вертикали <p class="user__name"></p>

    Asked by yaparoff, December 21, 2016

    0 votes
    3 answers
18. 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
19. Bootstrap. использование медиазапросов SASS

    Имеется такая структура файлов: sass/ -- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.) -- _bootstrap.scss -- main.scss содержание файла main.scss: @import "bootstrap"; .element { with: 200px; @media (min-width: @screen-md-min) { width: 100px; } } Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?

    Asked by vip, December 21, 2016

    • sass
    0 votes
    8 answers
20. Таб, Фильтр

    Подскажите как сделать такой таб и фильтр?

    Asked by ijsico, December 21, 2016

    • таб филь
    0 votes
    3 answers
21. Подскажите какой это шрифт ?

    Привет, подскажите какой шрифт и его настройки использует ютуб, в своём выпадающем меню, которое появляется при клике возле значка самого ютуба сверху. Не могу залить картинку, но думаю понятно и так.

    Asked by Анатолий1944, December 21, 2016

    • подскажите какой это шрифт ?
    0 votes
    4 answers
22. Как научится быстро верстать

    Подскажите, как можно, научиться быстро верстать?

    Asked by irina_f, December 18, 2016

    • html
    • css
    0 votes
    9 answers
23. Фрейм страница отображается на 1/4 части от всего экрана в окне браузера

    Здравствуйте! В сайтостроении я дум дубом. Создал фрейм страницу, в файл index.html залил следующий код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ЗАГОЛОВОК ДОКУМЕНТА</title> </head> <body style="margin:0px; padding: 0px;"> <iframe src="http://ur.farengate77.pp.infobizclassic.ru" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe> </body> </html> Проблема состоит в том, что при открытии сайта в любом браузере, он отображается всего на 1/4 часть экрана, как будто у меня экран сразрешением не 1200х800, а 1200х200 Вот ссыл…

    Asked by farengate, December 20, 2016

    0 votes
    0 answers
24. Как маштабировать страницу html

    Я новичек, мне нужнп помощь, как в коде html, сдедпть так чтобы страница не растягивалась в горизантальном формате, а только в вертикальном и как подстроить сайт ( оптимизировать его, под разные разрешения экрана ). И как все же поставить ограничение страницы, что она была вертикальнвя, а не растягивалась вечно?

    Asked by Requiemrekt, December 20, 2016

    • html маштаб
    • новичек
    • код
    0 votes
    1 answer
25. hover на другой элемент

    Как заставить при наведении мыши на один элемент применить фон для другого элемента? или альтернативу предложите. https://jsfiddle.net/v662rftm/

    Asked by aqua.77, December 19, 2016

    • :hover
    0 votes
    7 answers