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. bxslider не адаптируется

    не адаптируется слайдер на главной. картинка слайдера поедее должна сжиматся а вот не тут то было...

    Asked by daggi,

    0 votes
    3 answers

  2. Ссылки и почее

    Доброго времени суток,у меня возникла такая проблема,не знаю как сделать ссылку.Я сделал горизонтальное меню и мне нужно сделать переходы,я так понимаю как то с помощью <a href а дальше не знаю что писать что писать

    Asked by Maks_Lamer,

    0 votes
    16 answers

  3. Не работает выравнивание картинки по горизонтали

    Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!

    Asked by hiko-sensei,

    0 votes
    3 answers

  4. Проблема приоритетности селекторов в css

    Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM

    Asked by Mavellol,

    0 votes
    9 answers

  5. Можно ли применить стиль к родительскому блоку?

    есть код вида: <p><img....></p>картинку нужно во всю ширину страницы, но из-за стилей тега P, она имеет отступы и отображается не корректно. можно ли применить стиль только к тегу P после которого идет IMG? наоборот знаю, можно: p img {} а нужно наоборот. если да, то как?

    Asked by nikki4,

    0 votes
    9 answers

  6. IE 8,7 не подшружает шрифты

    Добрый вечер. IE 7-8 не подгружает шрифты, с чем может это быть связано? Подгружаю так: @font-face{ font-family: 'MobileStore'; src: url('fonts/MobileStore.eot'); src: url('fonts/MobileStore.eot?#iefix') format('embedded-opentype'), url('fonts/MobileStore.woff') format('woff'), url('fonts/MobileStore.ttf') format('truetype'), url('fonts/MobileStore.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } Конвертировал шрифты через сервис font2web.com При верстке другой странички с другим шрифтом все браузеры подгружали шрифт шрифты в папке присутствуют

    Asked by a.antropov,

    0 votes
    11 answers

  7. Блочный внутри блочного

    Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?

    Asked by hike,

    0 votes
    2 answers

  8. Как сделать, чтобы сайт всегда был по центру экрана?

    В поиске выпадают варианты чтобы сделать картинку или блок по центру экрана, а задача чтобы сайт весь при загрузке страницы и при изменении окна браузера всегда был в центре. А по умолчанию точка отсчёта стоит в левом верхнем углу, как это преодолеть?

    Asked by Fizruke,

    0 votes
    3 answers

  9. Что такое SVG и с чем его едят

    Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так

    Asked by McLotos,

    0 votes
    4 answers

  10. Как сделать так, чтобы раскрывающееся меню(toggle) сдвигало контент сайта

    Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maquettes pour l’emailing. Localisation des sites web et des newsletters "/> …

    Asked by prweb,

    0 votes
    1 answer

  11. Не открывается модальное окно по-хорошему

    Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.

    Asked by kattiperk,

    0 votes
    4 answers

  12. Скрыть кнопку выбора у <input type="file">

    Возможно ли скрыть только кнопку выбора файла у <input type="file">,а название выбранного файла оставить видимым?

    Asked by user,

    0 votes
    2 answers

  13. Помогите с формой подписки

    Здравствуйте, пытаюсь довести до ума бесплатный шаблончик лендинга с одного зарубежного сайта. Вот такая форма подписки там прописана: <!--MAILCHIMP FORM START--> <div class="mailchimp"> <form action="post.php"><!-- #NOTE: Replace this with your Mailchimp action URL --> <input type="text" value="" name="FNAME" id="mce-FNAME" placeholder="Ваше имя" required> <input type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Ваш Email" required> <input type="submi…

    Asked by amarey,

    0 votes
    2 answers

  14. https

    помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…

    Asked by cyklop77,

    0 votes
    6 answers

  15. hosts не видит один из адресов

    помогите пожалуйста настроить /etc/hosts использую apache2. создал 2 сайта. /var/www/html/site1.ru/index.html:<div>site1</div> /var/www/html/site2.ru/index.html:<div>site2</div>конфиги: /etc/apache2/sites-available/000-default.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site1.ru ServerNmae site1.ru Alias www.site1.ru </VirtualHost> /etc/apache2/sites-available/site2-config.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site2.ru ServerNmae site2.ru Alias www.site2.ru </VirtualHost>в файле /etc/apache2/apache2.conf есть строка: ServerName localhost/etc/hosts: 127.0.0.1 site1.ru127.0.0.1 www.site1.r…

    Asked by cyklop77,

    0 votes
    2 answers

  16. не работает выпадающее меню

    Есть горизонтальное меню на сайте http://www.atlasokon.com.ua/vibor.htmlвсе работает. Пытаюсь перенести это же меню в раздел каталога http://www.atlasokon.com.ua/catalog/compare.phpменю не хочет выпадать. Подскажите в чем проблема и где копать?

    Asked by zulus,

    0 votes
    2 answers

  17. не корректно работает display:none

    Добрый день. Есть желание сделать такое меню: http://batprom.ru/ при наведении на изображение, изображение уезжает и появляются ссылки. Пробую это реализовать через :hover {display:none;}. Навожу на картинку, она исчезает и при малейшем движении мышки появляется вновь. В чем может быть проблема, подскажите пожалуйста. Сайт на локальном хостинге, ссылку не могу дать.

    Asked by amfik,

    0 votes
    2 answers

  18. Кто может посоветовать?

    как в textaria сделать отступ текста с верху? отступ от края строки сделал чудесным свойством "text-indent", а вот с верху отступ сделать не знаю как! есть вариант сделать padding-top: 10px; но может быть есть ещё какой не будь способ?

    Asked by Fizruke,

    0 votes
    4 answers

  19. Всплывающее описание к картинке

    Здравствуйте! Проблема: как уменьшить всплывающее описание к картинке при уменьшении экрана? Вот пример Если уменьшить экран, получается так: http://savepic.su/6380691.jpg Как исправить? Спасибо.

    Asked by Alfa2015,

    0 votes
    5 answers

  20. Как реализовать наклонные ленты через всю высоту страницы?

    Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?

    Asked by monochromer,

    0 votes
    2 answers

  21. Просмотр новостей в вк

    Добрый день всем. Изучаю в данный момент связку HTML+CSS. Появился вопрос, никак не дающий мне покоя. В Вконтакте при нажатии на новость, она увеличивается. При этом вроде обновление страницы не происходит. Может кто-нибудь подсказать, с помощью каких ресурсов сделана эта функция?

    Asked by Arxont,

    0 votes
    3 answers

  22. Получить список шрифтов используемых в PSD, есть ли такая фича в фотошопе?

    Здравствуйте уважаемые форумчане! В иллюстраторе есть такая функция FIND FONTS и там можно сохранить в формате TXT шрифты которые использованы в проекте, есть ли что то на подобие в фотошопе? Или только щелкать по каждой текстовой надписи?

    Asked by stan07,

    0 votes
    5 answers

  23. navigation

    Здравствуйте. Помогите начинающему. Есть сайт - www.mebelyan.com. При скролле вниз выплывает навигация. Мне нужно чтобы она была фиксированная сверху с прозрачным фоном, а при скролле бекграунд был синий. Как сделать? Вот исходники <div class="menubar" data-scroll="true"> <a href="#" class="logo"></a> <ul class="mainmenu"> <li class="active"><a href="#home">Главная</a></li> <li><a href="#services">Преимущества</a></li> <li><a href="#portfolio">Наши работы</a></li> <li><a href="#contact">Конта…

    Asked by mebelyan,

    0 votes
    0 answers

  24. Респонсивность фона в блоке с текстом

    Здравствуйте уважаемые форумчане, почти доделал проект и начал приводить его в адаптивности и понял что вёрстка блока сделана не правильно так как имеется разный текста и фиксировать высоту блока будет не правильно. В вёрстке не эксперт и надеюсь на вашу подсказку, заранее спасибо. http://jsfiddle.net/sehwhhcu/ Я понимаю что на class="static" можно задать высоту и тем самым продлить фон, но я бы хотел что бы фон растягивался с учетом текста и что бы я не указывал под каждое расширение экрана высоту блока.

    Asked by Mozzie,

    0 votes
    12 answers

  25. Не отображается иконка соц. сети

    Не отображается иконка соц. сети (в bootstrap) Не пойму в чем проблема. Все иконки отображаются, кроме иконки "Одноклассники"(на желтом фоне)...Пример здесь

    Asked by Alfa2015,

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