HTML Coding

29,542 questions in this forum

1. Добавление логотипа img приводит к смещению inline-block элемента вниз

   Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…

   Asked by twelve_chairs, January 28, 2017

   0 votes
   1 answer
2. Как выстраиваются строковые блоки внутри контейнера строки?

   Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - кн…

   Asked by DimonQwertyevich, January 28, 2017

   • css
   • css3
   0 votes
   4 answers
3. Несоответствия результата и psd-исходника

   Всем привет. Ознакомившись с азами, взялся верстать простенький макет, скачанный из Сети. Однако столкнулся с неожиданными проблемами, причем, не каким-тот там позиционированием, а с несоответствием psd-макета и результата. Итак, скрин PSD-макета: Теперь скрин из браузера: Фон задавал как обычно: дефолтный + url картинки. Но… В точке 1 обозначил ступенчатый переход, он виднеется по периметру с двух сторон, где картинка накладывается на фон. При этом, на макете не нашел ни градиентов, ни дополнительных фонов. Цвета, естесно, копировал, а не на глаз. Я понимаю, что он из-за перепада цветов, но почему ж эт…

   Asked by Raritet, January 27, 2017

   0 votes
   2 answers
4. Вложенный блок в ссылку

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

   Asked by aqua.77, January 26, 2017

   0 votes
   1 answer
5. Фиксированная запись при прокрутке

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

   Asked by ErUnDAK, January 26, 2017

   • css
   0 votes
   2 answers
6. Как делать значки соц. сетей через css?

   Разобрался. Это шрифт специальный. Font Awesome Icons .fa-pinterest::before { content: ""; } А чтобы инвертировать цвет написал: background: black; color: white;

   Asked by nikki4, January 26, 2017

   0 votes
   0 answers
7. передать значение href в src фрейма по нажатию на одну из ссылок

   Доброго времени суток, помогите сообразить конструкцию. Есть ссылки, например: <a href="one.html" target="modal">link 1</a> <a href="two.html" target="modal">link 2</a> <a href="three.html" target="modal">link 3</a> И сам фрейм: <iframe name="modal" src="0" id="modalfrm"></iframe> Как по нажатию на ссылку открыть во фрейме ее href="" (при этом оставаться на этой же странице) я сообразил. Не могу сделать модальное окно с фрейма используя только css Есть варианты? Хотелось бы увидеть ваш подход к этому делу. Нашел один из способов сделать модальное окно "CSS Only" Ссылка открывающая модальное …

   Asked by karakymg, January 26, 2017

   • a href
   • target
   • iframe
   • modal
   0 votes
   0 answers
8. Не могу запустить слайдер

   День добрый , скопировал лендинг http://land-gooods.ru/kylieedition-a2/ wget-ом , а в копии не работает слайдер. Подскажите куда копать.

   Asked by Satis, January 26, 2017

   • лендинг слайдер
   0 votes
   0 answers
9. Расположение тега через div

   Мне нужно расположить этот текст слева, внизу, но получается только по центру. При этом, надо чтобы он оставался внизу даже если тело будет увеличено. Вот код, ошибку искать пытался пытался путём поисков разных атрибутов css: <html> <head> <meta charset="utf-8"> <title>ИС-41521</title> <style> <style> .lol { position: relative; top: 90px; } </style> </head> <body> <div class="lol"> <center style="float:left;"> <p>Куда-нибудь нужно это положить?</p> </center> </div> </body> </html>

   Asked by ErUnDAK, January 26, 2017

   0 votes
   1 answer
10. Рамка с декоративным элементом

    Подскажите, как можно сделать такую рамку:

    Asked by Apofys, January 25, 2017

    0 votes
    1 answer
11. Тень для кнопки

    Подскажите, как сделать тень для кнопки? У одних кнопок на сайте class="submit" у других class="css-button". Пожалуйста, закройте тему. Справилась своими силами.

    Asked by StOK, January 25, 2017

    • тень для кнопки
    0 votes
    0 answers
12. Кодировка

    Загрузил сайт на hostinger, кодировка в notebook++ поставил utf-8, но стоит загрузить мне сайт на хост, все русские символы превращаются в кириллицу. Как исправить это? В интернете смотрел, там в файле ".htaccess" что-то нужно добавить, но у меня в это файле имеется данный текст, и я просто без идей что мне делать. P.S - файловый менеджер: net2ftp

    Asked by ErUnDAK, January 25, 2017

    • кодировка
    • utf-8
    0 votes
    0 answers
13. Кодировка

    Загрузил сайт на hostinger, кодировка в notebook++ поставил utf-8, но стоит загрузить мне сайт на хост, все русские символы превращаются в кириллицу. Как исправить это? В интернете смотрел, там в файле ".htaccess" что-то нужно добавить, но у меня в это файле имеется данный текст, и я просто без идей что мне делать. P.S - файловый менеджер: net2ftp

    Asked by ErUnDAK, January 25, 2017

    • кодировка
    • utf-8
    0 votes
    3 answers
14. Ожидание закрытия

    Как заставить элемент списка в котором есть подменю, "гаснуть" после того как подменю исчезло? https://jsfiddle.net/b5uma4re/13/ Сейчас если навести и убирать указатель на элемент подменю, то "гаснет" и сам родительский элемент.

    Asked by aqua.77, January 24, 2017

    0 votes
    1 answer
15. Ошибка в коде

    В этом коде у меня почему-то не хочет делать отступ справа. Час маюсь, решил на форум зайти. Укажите на ошибку мне и как надо правильно написать. P.S - команду брал даже с сайта, тоже не рабочая. <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 1px; /* Поля вокруг текста */ padding-right: 10px; position: relative; top: -3px; } .lol { background: #ffe url(images/help.png) no-repeat top right; /* Параметры фона */ border: 2px solid black; /* Параметры рамки */ padding: 2px; /* Поля вокруг текста */ padding-right: 90px; /* Поле справа */ } </style> </head> <body…

    Asked by ErUnDAK, January 24, 2017

    • css
    0 votes
    1 answer
16. Ожидание действия

    Вот меню:https://jsfiddle.net/b5uma4re/2/ Если на вкладке "О нас" несколько раз наводить и убирать указатель мыши, то подменю будет выезжать несколько раз. Как сделать чтобы подменю реагировало только если указатель находится 500 миллисекунд ? т. е. если указатель продержался 400 миллисекунд и убрался то подменю не появляется.

    Asked by aqua.77, January 24, 2017

    • jquery
    0 votes
    5 answers
17. Почему box-shadow не затеняет картинки?

    подскажите, в чем дело? www.road.media - при разворачивании каталога бренды машин не затеняются, а логотип сайта, например - да.

    Asked by d0ublezer0, January 24, 2017

    0 votes
    0 answers
18. Расположение объекта.

    Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-41521", постоянно над или под ними. Как мне правильно вставить кнопку, чтобы расположить её справа/слева? <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -3px; } </style> </head> <body class="block"> <div id="header"> <h1>ИС-41521</h1> <input type="button" onclick="window.open('Реклама туров.html')" value="Hello World!"> </div> <div id="sidebar"> </body> </html>

    Asked by ErUnDAK, January 24, 2017

    • button
    • css
    0 votes
    3 answers
19. Как сделать позиционирование счётчика в подвале?

    <div class="counter"> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t12.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> </div&g…

    Asked by P0jar, January 23, 2017

    0 votes
    3 answers
20. Настройка выпадающего списка

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

    Asked by saine, January 23, 2017

    0 votes
    7 answers
21. Как найти работу верстальщику с небольшим опытом

    Добрый День. Версткой сайтов занимаюсь около года. За это время приобрел базовые навыки по HTML 5, CSS 3 , Scss, bootstrap 3,основы Java Script, jQuery, gulp, git, основы PHP, cms Wordpress Примеры проектов: https://evgenal.github.io/Iglesia/homepage https://evgenal.github.io/Akad/homepage https://evgenal.github.io/Mairala/ Несколько месяцев тому начал искать работу, но столкнулся с ситуацией, что без опыта работы резюме не рассматривают, а на фрилансе без рейтинга заказ не взять. Как найти свою первую работу, может кто чего подскажет?

    Asked by Spinto, January 23, 2017

    • верстальщик работа
    0 votes
    2 answers
22. Fancybox убрать стрелочки

    Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.

    Asked by KamZed, January 23, 2017

    • css
    • js
    • jquery
    • fancybox
    0 votes
    3 answers
23. Увеличеие шрифта по нажатию кнопки

    Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?

    Asked by ErUnDAK, January 23, 2017

    • button
    • input
    0 votes
    7 answers
24. Стандартный title

    Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки. Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера. Вот код моей подсказки .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; …

    Asked by MadSandwich, January 22, 2017

    • title
    • css
    • html
    0 votes
    2 answers
25. Как изменить полосу прокрутки браузера

    Делаю тёмную тему для сайта. Заметил что светлая полоса прокрутки портит весь вид (на светлом шаблоне всё выглядит нормально). В гугле нашел несколько статей, но работает это как-то криво. Скажите пожалуйста, есть ли нормальное кроссбраузерное решение по изменению полосы прокрутки. Всё что мне надо - изменить цвет. Да, и, стоит ли из-за этого беспокоится ) Спасибо.

    Asked by alleclf, January 22, 2017

    0 votes
    2 answers