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. Не получается правильно написать transition

    Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

    Asked by IvanRu08,

    0 votes
    4 answers

  2. Верстка темы под tumblr.com

    Как сверстать тему под блого-сервис "Тумблер"? Есть опыт у кого и советы какие будут, ограничения?

    Asked by Garamond,

    0 votes
    1 answer

  3. Нужно ли уметь верстать без сеток ?

    Сейчас я стараюсь верстать без сетки но сомневаюсь в этом сильно. Куда не смотрю везде сайты с сетками устроены (если адаптив присутствует на сайте). И такой вопрос появился: Понадобится в работе верстка без сетки, или я зря время трачу стараясь верстать без сетки, так как говорят что с сеткой адаптивные сайты можно быстро сверстать нежели без сетки. В компаниях делают сайты без сетки, и не стоит ли мне начать верстать уже с сетками ? ps: не совсем понял, можно ли здесь такие вопросы задавать, если нет перенесите пожалуйста тему, и на меня громко не кричите.... =)

    Asked by Димитрий,

    0 votes
    5 answers

  4. Проблема с margin

    Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…

    Asked by Daniyar,

    0 votes
    1 answer

  5. Почему Bootstrap переносит айтем на следующую колонну

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

    Asked by Blend1n,

    0 votes
    3 answers

  6. Проблема с анимированием "гамбургера"

    Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

    Asked by IvanRu08,

    0 votes
    1 answer

  7. При помощи чего можно реализовать меню с изображения.

    Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…

    Asked by Super_Saimon,

    0 votes
    4 answers

  8. метка к чекбоксу

    Здравствуйте! Здесь http://htmlbook.ru/blog/kartinka-vmesto-chekboksa описан способ кастомизации чекбокса, и в первом же комменатрии спрашивают, куда тогда выводить текст метки. У меня тот же вопрос, а текст метки как вывести, если label используется под кастомизацию?

    Asked by hike,

    0 votes
    5 answers

  9. Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV,

    0 votes
    1 answer

  10. Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV,

    0 votes
    0 answers

  11. графика на сайте

    Добрый вечер. Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? sait1.zip

    Asked by AlexandrShinkin,

    0 votes
    0 answers

  12. 2 строки центрировать вертикально относительно изображения

    Есть много способов вертикального центрирования, описанных здесь http://learn.javascript.ru/css-center Но мне они не подходят. У меня есть иконка 90x90 и центрировать относительно нее 1 строку не проблема, но когда я стараюсь отцентрировать 2 строки (в одном параграфе, их разделяет br), ничего не получается. Обращаюсь к Вам за помощью, может кто-то уже встречался с этой проблемой и подскажет, как ее решить.

    Asked by hike,

    0 votes
    2 answers

  13. Найти последний дочерний элемент в контейнере

    Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…

    Asked by IvanRu08,

    0 votes
    1 answer

  14. <td> вложенные элементы

    Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя... Предложите пожалуйста решение.

    Asked by seemax,

    0 votes
    4 answers

  15. Подскажите как сверстать данный элемент

    Тут есть тени, градиент, закругленные углы, и выпуклая верхняя часть. С тенями, градиентом, и нижней частью проблем нет, но вот как реализовать верхнюю часть - ума не приложу. border-radius c параметрами через "/" не дает резкого закругления по краям, псевдоэлементами придется подгонять диагональный градиент, что при адаптации создаст кучу гемороя. Картинкой сделать нельзя так как содержимое может меняться. Есть какое-то менее болезненное решение чем через псевдоэлементы?

    Asked by AlexZaw,

    0 votes
    6 answers

  16. Как сверстать переключатель

    Здравствуйте, форумчане! Не могу сообразить, каким способом сверстать вот такой переключатель (http://wdfiles.ru/9mbT). Есть идеи?

    Asked by hike,

    0 votes
    2 answers

  17. Помогите определиться с CMS для интернет-магазина.

    Всем добрый день! У меня есть небольшой интернет-магазин, товаров всего до 60 штук. Корзины нет, дизайн обычный. Понимаю, что любая CMS - это большой объем не нужной информации, т.к. мне не нужна регистрация клиентов (сам такие магазины обхожу стороной), хотя у меня есть постоянные клиенты. Мне не нужны платежные системы и оформление доставки и т.д. В общем, мне нужна только полноценная корзина с отправкой заказа, никаких админок с корректировками заказов и тд. Шаблонов бесплатных на HTML миллионы, с ними я немного разбираюсь, с CSS с горем пополам методом тыка тоже разберусь (или с помощью форума). Без проблем могу купить готовый шаблон на OpenC…

    Asked by Vic-Tor,

    0 votes
    2 answers

  18. Кроссдоменный запрос с использованием credentials

    Возможно ли отправить кросс-доменный запрос на страницу с <allow-access-from domain="*"/> и использованием кредов пользователя (пользователь залогинен на сайте, во второй вкладке открывает страницу со скриптом, скрипт получает данные с того сайта и куда-нибудь отправляет =)? На запрашиваемом сайте в crossdomain.xml: <cross-domain-policy> <allow-access-from domain="*"/> <site-control permitted-cross-domain-policies="master-only"/> <allow-http-request-headers-from domain="*" headers="*"/> </cross-domain-policy> Получаю такую ошибку: В целях безопасности, это сделали невозможно? Просто в F12-Network вижу, что responce …

    Asked by bumblebeee,

    0 votes
    0 answers

  19. Код Виджета плейлиста, переделать в iframe

    Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…

    Asked by lev99,

    0 votes
    1 answer

  20. Слайдер с миниатюрами вместо стрелок

    Здравствуйте. Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.

    Asked by Crystal-3,

    0 votes
    6 answers

  21. График контрибутов.

    Почему на графике контрибутов, квадраты закрашиваются максимально зеленым цветом независимо от того, что я сделал?

    Asked by Blend1n,

    0 votes
    2 answers

  22. Помогите, пожалуйста, с идеями по поводу верстки

    Всем привет, помогите, пожалуйста, с идеями верстки следующего :

    Asked by Sparrow,

    0 votes
    2 answers

  23. Проблема с атрибутом media

    Недавно начал учиться верстке. Столкнулся с адаптацией, и тут возникла одна проблема: моя среда разработки как-будто не видит медиа-запросы. Написал примитивный код, чтобы проверить. У друзей код работает, у меня нет. Подскажите с чем это может быть связано. Прикрепляю скрины.

    Asked by Yudin,

    0 votes
    1 answer

  24. сокрытие/модификация ссылок в строке/панели состояния и адресной строке

    Интересует вопрос сокрытия ссылок. При использовании следующих скриптов: скрипт1 function hidestatus(){ window.status='' return true } if (document.layers) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT) document.onmouseover=hidestatus document.onmouseout=hidestatusскрипт2 document.onmouseover = function ( e ) { if ( !e ) e = window.event; var el = e.target ? e.target : e.srcElement; while ( el != null && el.tagName != "A" ) el = el.parentNode; if ( el == null ) return; if ( e.preventDefault ) e.preventDefault(); else e.returnValue = true;};не срабатывает код не на странице, не через запуск файла: <script type="text…

    Asked by Totalist,

    0 votes
    18 answers

  25. Что лучше для верстальщика iMac или MacBook ?

    Всем привет. Хотел бы узнать у профи, что лучше из них для верстки ? В дальнейшем планирую работать удаленно, сейчас изучаю верстку, далее буду потихоньку жс переходить (основы знаю, просто для начала, говорят нужно стать верстальщиком). Кто что посоветует ?

    Asked by Димитрий,

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