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. Проблема с подвалом

    Здравствуйте. Такая проблема: если у таблицы поменять align с center на left,подвал оказывается наверху. Скрин с align="left": Скрин с align="center": Код: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body> $ADMIN_BAR$ <div class="wrap"> $GLOBAL_AHEADER$ <?if($MODULE_ID$='forum')?><div style="width: 95%; margin-left: 3%;"><?endif?> <!-- <middle> --> …

    Asked by mcdude,

    0 votes
    3 answers

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

    Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/ отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Пробовал ставить body height 1px, чтобы контент заполнил высоту, но нижняя часть формы (кнопка sign up) скрылась при этом под футером. У футера position: absolute Когда делаю ему relative, то форма выползает назад, но появляется скролл при этом.. (

    Asked by Denzil,

    0 votes
    3 answers

  3. Проблема с подключением CSS.

    После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }

    Asked by d6|maz,

    0 votes
    2 answers

  4. Проблема с подключением LESS

    Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…

    Asked by Kuzyo,

    0 votes
    3 answers

  5. проблема с подключением страницы пхп в блок

    Доброго времени суток уважаемые форумчане!...проблема такая, через ссылку пытаюсь вывести на главную страницу контент второстепеноой,если в ссылке указываю body/****.html, страница выдоится если же пишу в адресе ссылки body/****.php то денвер выдает ошибку : Not Found The requested URL /BODY/sozdat_rezume.html was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL в браузере. Вероятнее всего, сервер пытается найти файл Z:/home/test1.ru/www/BODY/sozdat_rezume.html, которого не существует. В случае использования CGI-скриптов, корректные пути к CGI-директориям следующие: URL Куда указывает http://***/cgi-glob/script.cgi /home/cgi-glob/script.cgi http://…

    Asked by Aleksandrid,

    0 votes
    20 answers

  6. Проблема с подключением файлов (cgi)

    Добрый день, есть: cgi-приложение на C++ Builder6 Виртуальный хост apache С помощью PageProducer ссылаюсь на страничку main.html Css и фон прописанные в main.html не подгружаются, хотя если загружать сразу main.html, то всё в норме. Подскажите, пожалуйста, в чём может быть проблема?

    Asked by Chebas,

    0 votes
    0 answers

  7. Проблема с подключением шрифтов @font-face

    Помогите пожалуйста разобраться, в чем дело. Подключаю шрифт таким образом: @font-face { font-family: HelveticaNeue; src: local('HelveticaNeue'), url('HelveticaNeue.ttf'); } body { font-family: HelveticaNeue; font-size: 45px; } На чужом компьютере все работает, а на моем нет. Подскажите пожалуйста, из-за чего это может быть, и как решить данную проблему?

    Asked by shtrobnik,

    0 votes
    0 answers

  8. Проблема с подключением шрифтов в FireFox

    Здравствуйте, столкнулся со следующей проблемой. Есть проект веб-сайта, есть две роли, своего рода два интерфейса взаимодействия, пока готовится проект для презентации заказчику, понадобилось разделить весь перечень страниц в соответствии с этими ролями. Проще говоря, есть корневой каталог, в нем: css, js, sass, images, fonts, role-1, role-2. Последние два каталога - каталоги с HTML страницами в зависимости от роли. Допустим, существует файл со стилями site/css/role-1/home-page.css в файле подключаются фонты, например: @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../../fonts/roboto/robotothin.woff2') forma…

    Asked by kickmaker,

    0 votes
    5 answers

  9. Проблема с подключённым шрифтом

    Подключил шрифт, применил, всё хорошо, но, при указании резервных шрифтов, шрифт полностью меняется. И чем больше указано резервных шрифтов, тем сильнее меняется шрифт. Как-будто они сливаются. font-family: Road; /*всё отлично*/ font-family: Road, Tahoma; /*значительное изменение*/ font-family: Road, Tahoma, Times New Roman; /*сильное изменение*/ Кто-нибудь сталкивался с таким?

    Asked by mewcherry,

    0 votes
    2 answers

  10. Проблема с подменю

    Всем привет. Много писать не буду собственно проблема вот в чем. Взял меню с сайта http://www.noupe.com/css/multilevel-drop-d...-tutorials.html Поставил себе http://musul.narod.ru/bizon/index.html нажимаем на ЦЕНЫ опа меню скатилось))) и все бы нормально вот только почему то кнопки не кликаются не знаю почему, нажимаю правой кнопкой нажимаю "Открыть в новой вкладке" открывается нормально а когда просто кликаешь не работает, может у кого было ? Или кто знает буду очень благодарен. p.s.меню фарш и сам знаю

    Asked by musulman,

    0 votes
    2 answers

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

    Проблема решена. Прописал дополнительно линкам a:visited и благополучно про него забыл. Перекопал интернет, потратил пол дня... удивлялся, почему же не срабатывает class. Видимо заработался Удалить пост самостоятельно не получается.

    Asked by partiz,

    0 votes
    0 answers

  12. Проблема с подчеркиванием у ссылок

    <div id="boss_category_tabs" class="maintabs"> <div id="categorytabbg"><a>ССЫЛКА</a></div> </div> Ссылки идут с border-bottom:1px dashed. У дива categorytabbg при наведении задан цвет бэкграунда, так же задан паддинг 5px. Хочу задать свойство для ссылки .selected Никак не пойму, как реализовать. Если паддинг и бэкграунд задавать не диву, а напрямую ссылке, то как быть с подчеркиванием? Оно опускается слишком низко у неактивных кнопок.

    Asked by IlyaR,

    0 votes
    0 answers

  13. Проблема с позицией

    Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …

    Asked by penchukov,

    0 votes
    4 answers

  14. Проблема с позицией бэкграунда

    Собственно бэкграунд профиля состоит из 3 частей: верхней, нижней и повторяющейся средней частью, эта часть повторяется по всей ширине и вылазит за пределы верхней и нижней. Скрин Можно ли как то ограничить повторение по высоте?

    Asked by alta1r,

    0 votes
    7 answers

  15. Проблема с позиционирование и font-family: sans-serif на iOS

    Пытаюсь разместить заголовок по центру страницы. Приведенный ниже код отлично работает во всех браузерах, кроме iPhone. Но самое парадоксальное, что если поменять font-family: times; то заработает и на iPhone. <html><head> <style> html { font-family: sans-serif; } header, .mainHeader { width: 100%; height: 100%; } .mainHeader { position: fixed; z-index: 100%; } .wrapper { height: 100%; max-width: 100%; margin: 0 auto; } .wrapper:before, .containerToCenter { display: inline-block; vertical-align: middle; } .containerToCenter { width: 100%; } .wrapper:before { content: ''; display: i…

    Asked by k0sm0s,

    0 votes
    9 answers

  16. Проблема с позиционирование с свойством "text-align"

    Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?

    Asked by Super_Saimon,

    0 votes
    7 answers

  17. Проблема с позиционированием

    Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…

    Asked by Aemeth,

    0 votes
    14 answers

  18. Проблема с позиционированием

    Ребята, есть 2 рисунка в одной строке, нужно чтобы при изменении размера окна, по мере его сжатия, первый рисунок оставался на месте, а второй на него "наезжал" Знаю что нужно использовать слои, но......

    Asked by Jon,

    0 votes
    8 answers

  19. Проблема с позиционированием

    Проблема собсвенно с позиционированием. Скрины Кусок проблемного кода <div id="header_right"> <div id="icons"> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_home.gif" alt="Главная" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_map.gif" alt="Карта сайта" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_mail.gif" alt="Почта" class="ico" />'; ?>…

    Asked by ArtOfHuman,

    0 votes
    1 answer

  20. Проблема с позиционированием

    Ребят привет,замучал такой вопрос в резине,вот я в шапку вставил 3 картинки,1 это фон второе это картинка справо и 3 это логотип(слева) вот код html: <table cellpadding="0" cellspacing="0" border="0" class="header" align="center"> <div class="logoBar2"> <div class="logoBar3"> <div class="logoBar"> </div></div></div> </table> а вот CSS: .header {width:90%;border-left:3px solid #c2c2c2;border-right:3px solid #c2c2c2;margin-left:auto;margin-right:auto;} .logoBar {background:url(http://s60.radikal.ru/i170/1007/cb/47d0a9bfbeed.png) left no-repeat;height:145px;} .logoBar2 {background:#191a36;height:145px;width:100%} .logoBar3 {…

    Asked by Vladinho,

    0 votes
    4 answers

  21. Проблема с позиционированием

    Вобщем вот что у мя есть: http://i013.radikal.ru/1011/fe/0c1ad6be4132.jpg Вобщем я взял скрипт лента фильмов - Вот сам скрипт, и переделал под себя,под афишы. Я создал информер: <div style="width:18%;background:#333;display:block;border:1px solid #444;float:left;margin-left:8px;height:180px;margin-bottom:10px;"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr></tr><tr><td class="infTitle" colspan="2"> <?if($SOURCE$)?><c><a href="$ENTRY_URL$"><img src="$SOURCE$" width="100%" height="50%" alt="$TITLE$"/></a> </c><?endif?> </table> </div> П…

    Asked by Vladinho,

    0 votes
    3 answers

  22. Проблема с позиционированием

    Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…

    Asked by Discotune,

    0 votes
    2 answers

  23. Проблема с позиционированием

    Есть сайт http://html5.neymaxx.com/ после позиционирования появился отступ справа страницы. Как можно исправить? с фиксированным позиционированием проблемы на мобильных телефонах

    Asked by VinniZP,

    0 votes
    2 answers

  24. Проблема с позиционированием

    Здравствуйте! Помогите с решением такой проблемы. В шапке текст, заключенный в теги <h1>...</h1> ушел вверх и влево. Как поставить его по середине и чуть ниже от верха? Пытался различными методами, но ничего не получается. Ниже даю css-код этого элемента header.mainHeader h1 a{ border: 1px solid #000; font: bold 64px "Century Gothic"; color: #1d1eeb; text-decoration: none; text-shadow: #1d1eeb 0 0 10px; } https://www.dropbox....k9ccocc4y/1.jpg

    Asked by sayapinant,

    0 votes
    9 answers

  25. проблема с позиционированием

    Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …

    Asked by Евгений_SB,

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