HTML Coding

29,542 questions in this forum

1. Что сильнее импотента?

   Сейчас блок черный, можно ли его сделать его зеленым через css? изменять html нельзя (генерируется на стороннем сервере через скрипт) <div id="mainblock"> <block> <block> <block style="background:black !important;"></block> </block> </block> </div> #mainblock block block block { width:200px; height:200px; display:block; background: green !important; } Живой пример

   Asked by nikki4, March 10, 2019

   0 votes
   4 answers
2. Как адаптировать такой элемент ?

   Помогите адаптировать такой странный на мой взгляд элемент. Я понятия не имею как такое адаптировать, макет только для десктопа.

   Asked by Аришан, March 5, 2019

   0 votes
   7 answers
3. Как отобразить блок, который пропадает из-за overflow?

   Есть слайдер. Чтобы скрыть слайды, у блока lsbslider стоит overflow: hidden; У слайдера есть стрелки навигации. - .left хочу сместить стрелку левее от блока. т.е. чтобы стрелка была вот так: http://joxi.ru/BA0KBq0HMlxJq2 Вопрос как сделать ,чтобы она не пропадала. Сейчас стрелку не видно, так как у блока выше overflow:hidden <div class="lsbslider"> <a class="left" href="#" role="button"></a> </div> .lsbslider {width: 300px; position: fixed; left: 100px; height: 200px; background:coral; overflow: hidden; } .left { left:-30px; } .left { position: absolute; display: flex; width: 30px; height: …

   Asked by nikki4, March 9, 2019

   0 votes
   1 answer
4. Как убрать горизонтальный скролл

   Не могу понять откуда появляется горизонтальный скролл, помогите понять в чем проблема пожалуйста) Ширина 100% не помогает, есть ли другие спопобы? index.html main.css bootstrap.min.css

   Asked by Alfa_main, March 6, 2019

   • html/css
   • горизонтальный скролл
   0 votes
   4 answers
5. Почему не работает animation-delay?

   Задача - появление блока внизу экрана спустя определенное время. например для теста через 5 секунд, в течение 3х секунд всплытие .block { display:block; width:100%;max-height:340px; height:220px; position:fixed; background:coral; bottom: 0; max-width:900px; animation:anim 3s; animation-duration:anim 3s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @keyframes anim { from {bottom:-100%;} to {bottom:0;} } Живой пример Если не добавлять задержку выезжает через 3 сек. если добавить - сразу появляется и задержки нет. разобрался с вопросом. Надо было изначал…

   Asked by nikki4, March 8, 2019

   0 votes
   1 answer
6. Проблема с меню на CSS

   Всем привет :) Пытаюсь сверстать свой первый макет, и возникла проблема с меню. Должно быть, как на первой картинке - это макет из фш. Выходит, как на второй, меню спадает вниз. Прошу, пожалуйста, тыкните на ошибку в коде, и, если есть возможность, объясните. буду очень рада ответам! Код кидаю: *{margin: 0; padding: 0; outline: 0} .clearfix::after { content:""; height: 0; display: block; clear: both; } div .container { width: 1300px; margin: auto; background: #fff; } header { width: 100%; height: 130px; border-top: 8px solid #a292b3; position: fixed; z-index: 2; } .logo { margin: 30px 0 20px 170px; }…

   Asked by Sve, March 2, 2019

   • css
   • html
   • header
   • меню
   0 votes
   3 answers
7. Помогите с расположением элементов!

   Здравствуйте! Подскажите как можно сместить иконку Facebook вправо а текст оставить слева чтобы потом иконки можно было добавить border. Вот код HTML <div class="item__price"> Цена по запросу <a href="" target="_blank"><i class="fa fa-facebook"></i></a> </div> Вот Css .item__price { padding: 5px; font-size: 16px; margin-bottom: 5px; color: #778899 }

   Asked by kaska25k, February 28, 2019

   0 votes
   2 answers
8. Аттрибут checked у звездного рейтинга не перемещается

   Есть реализация звездного рейтинга. Она работает. Но аттрибут checked не перемещается на выбранный инпут, а остается там же где был. Вот например, стоит оценка 3 из 10 (т.е. аттрибут checked на 3 инпуте), мы хотим поставить оценку 6 из 10 и визуально это срабатывает, но аттрибут checked так и остается на 3-ем инпуте вместо 6-го. Это важно, т.к. эта информация нужна бэкэндеру. Получается ему придет неверная информация Как сделать чтобы аттрибут checked тоже пермещался на выбранный инпут? Только на js это получится реализовать? https://codepen.io/anon/pen/NJGMgv

   Asked by yaparoff, February 28, 2019

   0 votes
   1 answer
9. Несколько HTML страниц на одной HTML странице

   Здравствуйте! Как сделать так, что бы на странице "index" находилось несколько других страниц, расположенных в определённых местах. В html 4 это выглядело как то так: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FRAMESET</title> </head> <frameset rows="7%,70%, 15%", frameborder="yes", frameborder = "1"> <frame src="top.html"> <frameset cols="20%,80%"> frameborder="no" <frame src="Menu.html" name="leftFrame" scrolling="yes" noresize> <frame src="Main.html" name="main"> </frameset> <frame src="footer.htm…

   Asked by Nightingale81, February 27, 2019

   0 votes
   1 answer
10. Как на реальных проектах используется Git ?

    Здравствуйте. На данный момент я верстаю для себя и пользуюсь гитом так как я привык (ниже опишу как). Вот сейчас хотел бы узнать, как мне придется работать с гитом когда над проектом работать буду не я один ? На данный момент я работаю так: 1. Создаю в github новый репозиторий; 2. Клонирую этот репозиторий к себе на локальную машину; 3. И начинаю верстать; 4. Комиты я пишу частые для себя (все делаю в ветке master, знаю что это не правильно но пока для меня нет необходимости их разделять); Комитах пишу что то типа этого: - Подключает {какой то} шрифт; - Создает какой то блок; - Добавляет файл с переменными less/sass; - Создает секцию header -…

    Asked by Аришан, February 22, 2019

    • git
    0 votes
    7 answers
11. верстка SVG

    Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга

    Asked by Switch74, February 20, 2019

    0 votes
    2 answers
12. Как используется на реальных проектах bootstrap ?

    Здравствуйте. Я начинающий верстальщик. Посмотрел вакансии какие требуются знания для того чтобы стать HTML-верстальщиком, и одним из требований который присутствует в практический каждой вакансии это bootstrap. Начал читать документацию bootstrap'а понял как он работает но все же остались вопросы которые я хотел бы тут задать и получить на них ответ от специалистов в данной сфере. И эти вопросы актуальны не только для bootstrap но и для остальных CSS framework'ов (faunadation, semantic UI, skeleton и т.д.) 1. Первый момент который я не понимаю это как в bootstrap использовать готовые стили, ведь они никак не подходят к моему макету ? (перезаписывать, а это прави…

    Asked by Аришан, February 18, 2019

    0 votes
    5 answers
13. Как применить стили для элемента только в том случае, если он в теге del

    Теперь человеческим языком. Цена на сайте выводится так: <p class="price"> <del> <span class="woocommerce-Price-amount amount">4800&nbsp;<span class="woocommerce-Price-currencySymbol"><i class="fa fa-rub" aria-hidden="true"></i></span></span> </del> <ins><span class="woocommerce-Price-amount amount">4700&nbsp;<span class="woocommerce-Price-currencySymbol"><i class="fa fa-rub" aria-hidden="true"></i></span></span></ins> </p> Конструкция выше выводит две цены: старую, новую по акции. Я хочу поменять цвет старой цены, но там классы одни …

    Asked by Артишок, February 19, 2019

    0 votes
    1 answer
14. Проблемы с фоном

    При увеличении масштаба возникают проблемы с фоном помогите

    Asked by tifozzzi, February 15, 2019

    0 votes
    1 answer
15. BEM с человеческим лицом

    В статье BEM с человеческим лицом есть комментарий: кто что думает по этому поводу?

    Asked by nerv, March 23, 2016

    • css
    • bem
    • etc
    0 votes
    23 answers
16. Как сделать заполнения букв в input вместо черточек

    Как сделать, чтобы строка при заполнении такой строки "_____", где 5 чёрточек вместо чёрточек заполнялись буквы и если я захочу стереть какие-нибудь буквы, то чёрточки восстанавливались, а буквы при этом не должны смещаться с позиции влево, например, на пятой позиции вместо чёрточки буква "а", то при удалении буквы находящейся на 2 позиции буква, "а" не смещалось влево на другие позиции. Я слышала, что такое можно сделать как-то с помощью масок, но даже не представляю как?

    Asked by Katerina23, February 11, 2019

    0 votes
    3 answers
17. Вопросы по стилям

    1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне. В html прописано class="grid-img sqr" но в css прописано только .sqr 2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения. Что будет если я пропишу всё в в один селектор? 3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится? Буду признателен если в ответы покидаете отыеты в виде ссылок.

    Asked by egrom92, February 13, 2019

    0 votes
    2 answers
18. Верстка карты мест

    Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

    Asked by yulshaz@mail.ru, February 1, 2019

    • html
    • табличная верстка
    0 votes
    3 answers
19. Как сверстать

    Как правильно сверстать данный элемент? Если делать через :before/:after, то с адаптивом возникают проблемы, так как чтобы заадаптивить, приходится ловить пиксели, на котором нужно менять позицию данного элемента. Я не думаю, что это правильное решение .

    Asked by Okieazy, February 12, 2019

    0 votes
    8 answers
20. С чего начать обучение?

    Здравствуйте, Меня зовут Иван.Всем доброго дня(Вечера,утра,ночи) смотря, когда вы это читаете. Я решил стать front-end разработчиком.Начал читать,учить,смотреть про это. Информации очень много, или это конечно мне кажется, может потому что я начинающий.Начал смотреть курсы по CSS и HTML .Как, почему, что это все, для чего.Дошло до того что переключился на Photoshop, делал пару макетом, не знаю зачем конечно. Суть вот в чем, из-за того что много информации не могу сосредоточиться на чем-то одном,не знаю за что хвататься. JavaScript пытался смотреть понять, но ещё больше запутался, когда там ещё надо будет кучу Фреймворков. Потом опять начал CSS и html повторять, нашёл како…

    Asked by IvanGulov, February 7, 2019

    0 votes
    2 answers
21. Адаптивная шапка

    Здравствуйте, знаю, что уже много было таких тем, но я видимо уже даже переборщил со стилями и со всем чем можно, но честно уже не вижу причину, что я с ней сделал не так, и почему она не адаптивная. Укажите мне на мою ошибку и помогите сделать шапку адаптивной для любого разрешения экрана Да класс Headr, это не ошибка. Код самой шапки: <headr class="page-header"> <div class="logo"> <img src="/img/11111.png"> </div> <div class="nav-contact"> <ul class="contact-nav"> <li><a href="/catalog.php">Каталог</a></li> <li><a href…

    Asked by MadSandwich, July 4, 2016

    • шапка
    • адаптивность
    0 votes
    8 answers
22. Выравнивание блоков/элементов

    Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ? Вот: макет: Мой сайт

    Asked by Nerwoid, January 14, 2019

    • верстка
    • margin
    • выравнивание
    0 votes
    12 answers
23. Тестирование верстки в сафари

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

    Asked by Fich71, February 6, 2019

    • css
    0 votes
    6 answers
24. Оформление страницы с помощью flexbox

    Всем привет! Я очень начинающий верстальщик, можно сказать что совсем никакой но тяга к знаниям есть, подскажите пожалуйста как грамотно оформить страничку, расположить графические блоки в столбик, текст должен обтекать слева и справа, пример на скриншоте, как это описать в css? Пробовал через flex все делать но текст либо снизу, либо сверху остается. Спасибо за понимание!)

    Asked by borizzz2018, January 31, 2019

    0 votes
    5 answers
25. Адаптивная верстка группы кнопок

    Здравствуйте! Нужно сделать вёрстку группы кнопок - меню сайта. Идея такая - до 480 px показывать это меню в виде вертикального столбца по 1 кнопке в ряд, ширина каждой кнопки на всю страницу. От 480 до 768 показывать кнопки по 2 штуки в ряд. А от 780 показывать все кнопки в 1 ряд, без переноса. При этом менять размер шрифта и размер кнопок так чтобы они всегда вписывались в одну строку. Т.е. если кнопок много или ширина экрана маленькая, то пусть показываются хоть шрифтом 6 px. Если экран широкий или кнопок мало, то пусть кнопки будут крупные, а надписи внутри них будут хоть 20 px. Вроде бы всё реализуемо на CSS кроме показа в 1 строку. Не понятн…

    Asked by sdanilas, February 7, 2019

    0 votes
    0 answers