Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Как правильно вывести "подменю"?

    Доброго времени суток. Есть шапка, ее стили: position:fixed; top:0; width:100%; margin:10px 0px; height:60px; есть кнопка в этой шапке, по нажатию которой нужно плавно снизу вывести меню с такими же стилями (главное что бы width:100%; и height:60px;) обработчик нажатия кнопки я сам повесил (toggleClass) Изначально меню должно быть например (opacity:0;bottom:0;z-index:-1;) по нажатию добавиться стиль в котором будет (bottom:-60px;opacity:1;), плавности добавит transition Но у меня пока толкового ничего не выходит, может кто подскажет как правильно сделать?

    Asked by karakymg,

    0 votes
    1 answer

  2. Проблема с текстом <p>

    Подскажите пожалуйста почему текст в моем <p> переходит на главную страницу, причем ссылка занимает всю строку. Я догадываюсь что проблема в <h1>, но не понимаю как они друг другу мешают. Мне надо чтобы текст в <p> отображался как обыкновенный текст, а не ссылка. <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="styles.css"> <style> e{ font-family: Impact; } </style> </head> <body> <div class="block"> <header> <h1><a href="index.html"><img src="images/Paplane.jpg" width="1266.7" height="300" </a></h1></…

    Asked by Seergey,

    0 votes
    2 answers

  3. Как сделать вертикальное позиционирование блоков

    Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.

    Asked by alleclf,

    0 votes
    4 answers

  4. Мягкий свет как реализовать в css

    Как фотошоповское свойство мягкий цвет сделать средствами css?

    Asked by federal24,

    0 votes
    0 answers

  5. Прикрепить footer в Bootstrap

    Проблема с footer в Bootstrap макете. Скриншот: Скрытый текст Когда на странице информации много и её нужно скроллить, тогда с подвалом всё нормально, в противном же случае наблюдается такая картина. Как исправить? <footer id="footer" class="footer"><!--Footer--> <div class="footer-bottom"> <div class="container"> <div class="row"> <p class="pull-left">Copyright © 2017</p> <p class="pull-right">Пожарский Ярослав</p> </div> </div> </div> </footer><!--/Footer--> Скрытый текст …

    Asked by P0jar,

    0 votes
    5 answers

  6. Подскажите как сделать

    Привет! Есть поле ввода имени: <input class="input" id="name" type="text" name="name" placeholder="Введите ваше имя"> Подскажите как сделать так, чтобы при нажатии на поле изменялся цвет текста, который заключён в placeholder="Введите ваше имя". Хочу сделать чтобы текст светлел, когда пользователь кликает на поле ввода.

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

    0 votes
    2 answers

  7. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77,

    0 votes
    3 answers

  8. Замена стилей расширением

    Хочу менять styles.css на одном сайте, на свой css файл, с помощью расширения Chrome. Подскажите пожалуйста, как это можно делать.

    Asked by RadioNurshat,

    0 votes
    1 answer

  9. Выделение элемента

    Блок должен менять цвет при его наведении, но даже если навести на дочерний блок который находится за границами контейнера основной контейнер все равно красится. Получается любой вложенный элемент является частью родителя? <div> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; } p{ width:600px; height:300px; background:red; } div:hover{ background:black; }

    Asked by aqua.77,

    0 votes
    1 answer

  10. Изменения позиционирования

    Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }

    Asked by aqua.77,

    0 votes
    7 answers

  11. Как получить все элементы tr из нескольких таблиц (JavaScript)

    Здравствуйте! Есть, например, три таблицы. Для фильтрации по этим трем таблицам одновременно, необходимо получить все элементы tr из всех таблиц. https://jsfiddle.net/kn7L0jn4/1/ Подскажите, пожалуйста, как это правильно сделать?

    Asked by volshebnyi,

    0 votes
    4 answers

  12. В fancybox чтобы видна была одна иконка и кликом открывалась галерея

    Всем привет, А можно ли используя fancybox( с примерами http://fancyapps.com/fancybox/#examples ) сделать чтобы видна была одна иконка и кликом на ней открывалась галлерея картинок? Если да, то как? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  13. Проблема с выпаданием

    Доброго времени суток, подскажите пожалуйста почему происходит выпадание?Замечание по другим "пунктам" приветствуются! http://codepen.io/Kamzed/pen/eBBLoB

    Asked by KamZed,

    0 votes
    10 answers

  14. вопрос по focus

    Всем привет. народ выручайте, столкнулся с проблемой. сделал блок фиксированый и задал ему opacity:0.1; а при наведении значение равное 1 . в этом блоке есть форма (textarea) как сделать чтобы как только форма получала фокус блок тоже принимал значение opacity:1; и становился видимым не дожидаясь пока не него наведут? вот коды https://jsfiddle.net/c6c00ewg/1/

    Asked by green-vik,

    0 votes
    8 answers

  15. Из-за чего появляются маркер

    Вот крайне простой список. Если поставить какое либо значение display например block то маркер сразу исчезает. Почему так происходит? <ul> <li>132</li> </ul> li{ display:block; }

    Asked by aqua.77,

    0 votes
    1 answer

  16. Не закрывается блок по клику на пустой области (windows.onclick)

    Подскажите, пожалуйста, почему может не закрывается меню при клике на пустую область? https://jsfiddle.net/72u624g5/4/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    2 answers

  17. Полупрозрачный градиент поверх изображения

    Всем привет! Такой вопрос: как при наведении на <img> наложить полупрозрачный градиент средствами CSS поверх картинки? Структура HTML такая: <div class="item"> <img src="/img/about-us-1.png" alt="#"> </div> Пример: справа - нормальная картинка, слева при наведении.

    Asked by hetsketch,

    0 votes
    13 answers

  18. Вопрос по шрифтам

    Всем доброго времени суток! Я решил подключить собственный шрифт в шаблон, но задался вопросом имея 5 расширений для шрифта (ttf-woff-eot-svg-otf) и подключая их скачиваться будут все или только необходимые? тоесть если нужен ttf то он и скачается, а остальные проигнорируются? и как быть если браузер поддерживает скажем и ttf и woff и eot он все три скачает или только один?

    Asked by green-vik,

    0 votes
    7 answers

  19. вопрос по фокусу

    Всем привет. Верстаю шаблон и столкнулся с очень не хорошей проблемой. Суть вот в чем. Сайт на ДЛЕ, и у него есть функция поиска на лету (для тех кто не работал с данной CMS объясню, это когда в поле поиска вводишь и вместе с этим всплывает блок в котором показаны н-ое число материала в которых что ты вводишь есть). теперь о главном, моя форма поиска помещена в сплывающий при наведении блок : Вот код: (так на всякий) .fix-left-icon { width:45px; height:30px; margin-left:5px; margin-top:3px; } .pop-up-left-fix { width:250px; min-height: 30px; left:45px; top:-37px; padding: 10px; border: none; -webkit-border-radius: 5px…

    Asked by green-vik,

    0 votes
    0 answers

  20. Создание продвинутой формы данных

    Кто нибудь реализовывал данную форму, буду благодарен за пример кода. Конкретно интересует поле "изменить" как его сверстать ?

    Asked by deoden,

    0 votes
    1 answer

  21. Странное поведение центрированием элемента

    Есть элемент 1170px в контейнере 1349px, чтобы получить элемент резиновым я 1170 делю на 1349 получаю 86.73%. Странность в том что когда я этот элемент центрирую через margin:auto то элемент становится на 1 пиксел меньше, а когда центрирую с добавлением левым поля на 90px то он снова становится в нормальном размере. Из-за чего токое поведение? ведь в обоих случаях элемент в центре. <div class="contentWrapper"> </div> * { box-sizing: border-box; margin:0; padding:0; } body{ width:1349px; } .contentWrapper { width: 86.73%; margin:auto; border:1px black solid; height:500px; }

    Asked by aqua.77,

    0 votes
    1 answer

  22. Как в данном случае работает наследование?

    Здравствуйте! Есть такой код css html, body {width:100%; padding:0; margin:0;} body {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;background:#F6F8F7;padding:0 40px ;} body .wrap-body{} И собственно HTML (весь не пишу только часть) <body> <div class="wrap-body"> <div class="header"> <div id='cssmenu' class="align-right"> <ul> <li class="active"><a href='index.html'><span>zSawyer</span></a></li> <li class=' has-sub'><a href='archive.html'><span>Blog</span></a> <ul> <li class='has-sub'><a …

    Asked by tigrus2014,

    0 votes
    3 answers

  23. Вырезать определенную часть картинки

    Сидя на просторах интернета в поисках интересного макета попрактиковаться наткнулся на один, но столкнулся с проблемой. Каким образом можно установить эту картинку поверх блока с фоном? Имею в виду картинку справа, отделенной как бы кривой линиией? Имею в виду не просто вырезать её из псдшника в формате .png, а оформить какими-нибудь CSS свойствами

    Asked by Vibe,

    0 votes
    5 answers

  24. Как стилизовать тег input:invalid?

    Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh

    Asked by lavrentyev,

    0 votes
    2 answers

  25. Прилегание текста под картинкой.

    Доброго времени суток, сразу перейду к делу. Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева. HTML: <div class="point-one"> <img src="../main.img/one.png" class="one" align="bottom"> <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> CSS: .one { max-width: 100%; height:auto; } prem1 { float: bottom; } Скриншот, как это дело все смотрится:

    Asked by Bleki,

    0 votes
    5 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept