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. Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?

    .down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…

    Asked by Atljh0987,

    0 votes
    5 answers

  2. Drag and drop на чистом css

    Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/

    Asked by DivMan,

    0 votes
    1 answer

  3. Продолжая тему псевдокласса not()

    Например я хочу закрасить DIV но не трогая P div{ width:400px; height:400px; border:1px black solid; } p{ width:200px; height:200px; border:1px black solid; } div:hover:not(p){ background:black; } <div> <p></p> </div> div:hover:not(p) это применение потомка к not так нельзя https://jsfiddle.net/sm5jr7vd/

    Asked by aqua.77,

    0 votes
    4 answers

  4. Много псевдоэлементов в одном селекторе

    Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать

    Asked by aqua.77,

    0 votes
    21 answers

  5. При нажатии на изображение открывается галерея

    Добрый день! Подобрал для портфолио отличный шаблон (Massive - Responsive Multi-Purpose HTML5 Template). Тут и огромное количество вариантов страниц, и бутстрап, и адаптивность и все-все-все. Итак, в нем, помимо прочего, есть отличный вариант вывода Портфолио (3 и 7 изображение): http://massive.markup.themebucket.net/portfolio-4-fullwidth.html Нажимаешь на изображение, открывается Lightbox галерея. Вот только мне категорически не нравится, что там присутствует какой-то слайдер, который перелистывает превьюшки... Подскажите, пожалуйста, как убрать это перелистывание, чтобы осталось только изображение, а при клике во всплывающем окне открывалась галерея. Зар…

    Asked by dron,

    0 votes
    5 answers

  6. Как реализовать увеличение карточки товар при ховере как ikea.com?

    Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea

    Asked by Drunk_Monkey,

    0 votes
    1 answer

  7. Масштабирование youtube видео на сайтах

    Вставляю видео на сайт через iframe (Поделиться --> HTML код). Там получается фрейм идет фиксированной ширины и когда я открываю страницу сайта с таким видео на мобильном устройстве, то у меня видео выходит за границы экрана. Как сделать чтобы такие видео масштабировались на мобильных по ширине экрана? Видео тут https://cafecomplect.ru/oborudovanie/tehnologicheskoe-oborudovanie/pily-dlya-myasa?manufacturer=Sirman

    Asked by smirn0ff,

    0 votes
    3 answers

  8. Адаптивная верстка

    Доброго времени суток, перейду ближе к делу. Проблема с адаптивом, верстаю под разрешение 320x480. В общем не знаю, как сделать, чтобы не видно было текста, в блоке при разрешении 320x480. И еще один вопрос, как сделать, чтобы при допустим разрешении 320x480, при переходе по ссылке, открывался другой блок, а не тот, который прописан для статической странички. Вот код: HTML:div id="popup"> <span class="win"><p>Вы можете выиграть:</p></span> <div id="what-win1"><p>Аккаунты с ресурсами на серверах MineCraft:</p></div> <div class="version1"><p>1.5.2 |…

    Asked by Bleki,

    0 votes
    2 answers

  9. Современный тренды верстки

    Привет! Волею судеб я выпал из веб-разработки на 4 года. И теперь снова хочу вернуться к этому ремеслу. За это время утекло много воды. Активно развивается html5 и css3. Есть 2 вопроса, чтобы сориентироваться и быстрее встать в строй. 1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position. На самом деле, какие сейчас тренды в верстке страниц, есть ли какие-то предпочтения? 2. Использование различных библиотек и фремймворков, например Bootstrap? Надо ли их внедрять в работу? Я понимаю, что в нашем дуальном мире, мнений больше, чем два, но все же... …

    Asked by sc@r@bey,

    0 votes
    5 answers

  10. Справочник css по категориям

    Нужен сабж. Желательно на русском.

    Asked by torsar,

    0 votes
    2 answers

  11. Проблема смены фона слайдера на CSS в IE11

    Возникла необходимость сделать слайдер с множественным фоном, в котором по нажатию на кнопку один из фонов меняется. И всё замечательно работало, пока я не решил его проверить в IE11. В Chrome и FireFox всё работает. А в ИЕ фон слайдера либо реагирует на некоторые из кнопок, либо не реагирует на них вообще. В чём же может быть проблема? Код UPD. Забавная штука: если названия изображений, расположенных в списке фонов первыми, различаются между собой, то начинает изменяться и изображение, следующее ниже (которое мне и необходимо менять по нажатию кнопки). Это как-нибудь можно обойти?

    Asked by Rumpelstistskin,

    0 votes
    0 answers

  12. Выпадающее меню вверх

    Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )

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

    0 votes
    4 answers

  13. Водяные знаки на фото.

    Привет всем! Прошу у вас помощи в связи с тем,что далеко не разработчик и не знаю языки,но столкнулся с большой нуждой. В общем создал сайт на конструкторе(дадада,не кричите,я не программист и не хацкер,то есть не шарю) В общем нужно сделать так,чтобы на каждую фотку на сайте добавилась надпись с адресом сайта(ну фоточки мои,я не хочу чтобы их камуниздили. ну крч думаю,что понятно)). Я писанул разрабам,сказали мол ,цитирую, "Вставить данный код возможно с помощью модуля "HTML", размещенный в основном меню конструктора в разделе "Ещё"." В общем нужна ваша помощь,ощинь нужна. Скрины тоже сейчас закину. Я крч вообще не знаю че с этим делать,парни,очень нужна Ваша по…

    Asked by Fletcher,

    0 votes
    0 answers

  14. съезжает картинка в блоке

    Добрый день, такая проблема после неосторожного вмешательства: съехала картинка в блоке. Она должна быть на всю ширину, но в ФФ - на 2/3, а в ИЕ и Хр - вообще нет. Ссылка: http://odyssey-ltd.ru/clients/services/ Как исправить проблему?

    Asked by tamazzzi,

    0 votes
    3 answers

  15. textarea

    Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!

    Asked by KamZed,

    0 votes
    3 answers

  16. Подскажите как сделать плавно выпадающий список

    Привет! Скажите, как сделать чтобы список выпадал не резко, а плавно, в этом меню: http://codepen.io/Anatoliy667986584/pen/WojrqL Хотя бы подскажите какие свойства в какой селектор мне ставить, или если кому не сложно, добавьте нужные свойства в этот код. Я новичок, код кривоват может, но он работает.

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

    0 votes
    1 answer

  17. Непрозрачное содержимое на полупрозрачном фоне

    Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?

    Asked by hike,

    0 votes
    4 answers

  18. отзывов на Google

    Может вопрос не в тему но все он же касается САЙТА Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать. Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?

    Asked by virtas,

    0 votes
    0 answers

  19. Режим наложения css3

    Суть вопроса : есть такой блок https://jsfiddle.net/w28rh987/5/ . Для фото использован режим наложения luminosity.При наведении на весь блок single-item у фото исчезает luminosity и появляется оверлей синего цвета со ссылками и неким текстом. Но у меня получается,что наложение пропадает, а затем появляется и у соседнего фото. Можно ли как-то решить эту проблему? P.S. : в фаерфокс почему-то наложение не видно,в хром работает.

    Asked by Alexandr37,

    0 votes
    0 answers

  20. Плавное появление выпадающего списка

    Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только html+css, желательно решение на этих языках нужно. Я новичок, подскажите пожалуйста нужный код, и куда нужно его вписать. Вот коротко код одного раздела меню: HTML: <nav id="menuVertical"> <ul> <li>Раздел меню<span id="kolichestvo">( 22 )</span> <ul> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> <li …

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

    0 votes
    1 answer

  21. Странные точки из ниоткуда в меню ul и li

    Здравствуйте! Помогите пожалуйста, откуда берутся эти долбанные точки? всю голову уже сломал: - удалял стили совсем, либо только меню/всё остальное - отключил этот awesome - менял скрипт jquery talium.rar

    Asked by Sk1lful,

    0 votes
    2 answers

  22. Подпись на картинке через position: absolute не работает

    На моем сайте почему-то не отображаются подписи на картинках (раздел Скриншоты, если скроллить). В коде они есть, но перестают отображаться после анимации. Пробовал убрать анимацию - не отображаются и вовсе. Игрался с z-index, тоже не помогло

    Asked by iBars,

    0 votes
    3 answers

  23. Проблема с div'ами и ul меню

    Привет всем! Помогите решить проблему. http://codepen.io/anon/pen/jVBmaP вот накидал пример. в блок c id header (у которого есть фон) помещеню ul меню. В медиазапросах указано что при достижении такой-то ширины убрать логотип. Лого удаляется, но вместе с ним и само меню, т.к. оно также находится в div id="header". Вынос меню за пределы дива ничего не дал. Напротив появился разрыв между блоком #content и шапкой. Помогите решить проблему! Или чтобы не было разрывов между блоками когда меню находится вне блока див с ид header, либо чтобы после исчезновения шапки с логотипом, менюшка оставалась однако при этом смещалось вверх и весь остальной контент тоже.

    Asked by genuine92,

    0 votes
    1 answer

  24. Как правильно сверстать этот блок?

    В общем, есть такой блок(см. прикрепленные файлы). Так же есть спрайт с иконками для каждого пункта. Я написал такой код для каждого айтема. И у меня возник такой вопрос: как лучше разместить иконки в айтеме? Читал, что нужно делать в CSS через background, но тогда придется дублировать код и нужно будет давать уникальные имена айтемам. Или же всё таки в этом случае использовать тэг img? Хотелось бы услышать мнение бывалого специалиста) p.s. для разметки использовалась сетка bootstrap <div class="row"> <div class="services"> <div class="col-md-4"> <div class="service-item"> <h3>Photography</h3> <p…

    Asked by hetsketch,

    0 votes
    4 answers

  25. организовать слайдер с картинками на разных девайсах

    Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…

    Asked by mstdmstd,

    0 votes
    3 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