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. Некорректное отображение соц. иконок!

    Asked by Salladorn,

    0 votes
    6 answers

  2. @font-face русский язык

    Следующая проблема. подключаю шрифт @font-face {font-family: 'helios'; src: url('fonts/He_th.ttf') format('truetype');} на англ. языке все нормально. русский - любимый times new romans. Открываю файл шрифта, но ведь там же про булочки на РУССКОМ написано!!!! Пробовал загружать в http://www.fontsquirrel.com/fontface/generator и оставлять только киррилический, все то же самое! Помогите пожалуйста

    Asked by Vlad_P,

    0 votes
    8 answers

  3. Ширина таблицы наподобие "вконтакте"

    У меня сайт с блогами. Хотел бы сделать чтоб каждый блог-таблица были одного размера в ширину и высоту а также расширялся на ширину страницы при прокрутке вниз, когда левое меню остается вверху. То есть как на личных страницах в контакте.

    Asked by westbam,

    0 votes
    0 answers

  4. Проблема с кириллическими шрифтами.

    Я столкнулся с проблемой реализации двуязычного сайта. Точнее подгрузки шрифта, чтобы сайт отображался на английском и русском языках. Выбранный шрифт - http://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…

    Asked by shavedhead,

    0 votes
    9 answers

  5. Отсутствует скролл на сайте в IE8

    В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro

    Asked by nikitaneo,

    0 votes
    4 answers

  6. Размер картинки

    Подскажите как поменять размер изображения. Вот то как я пытаюсь его поменять: .divider { height: 100px; text-align: center; background: url(images\divider.gif) no-repeat; } Причем селектор "height" делает только отступ от текста дальше, а сама картинка как была "тем" размером, так и осталась... А это я вставляю в ХТМЛ: <div class="divider"> <img src='images\divider.gif'> </div> Душевно всем, кто поучаствует в решение данной задачи. P.S. Может есть специальный селектор для картинок (о котором я не знаю)?

    Asked by Вальдемар,

    0 votes
    2 answers

  7. Проблема с колонками

    Есть сайт из двух колонок. Левая - контент, правая - доп. меню и т.п. Как сделать чтобы обе колонки были на одном уровне? Делал через div'ы.

    Asked by xDemix,

    0 votes
    1 answer

  8. Проблема с кодировкой в jquery табах

    Есть страница index.php В ней выставлена кодировка ютф-8 при помощи <?php header("Content-Type: text/html; charset=utf-8");?> и стандартно <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> . Есть страница test.php. Если заинклюдить страницу test.php в index.php, то все нормально (русский текст нормально отображается), но если страница подгружается при помощи ajaxa вот этим скриптом, то наблюдается беда с кодировкой (кракозябры). Почему так происходит? Картинка для наглядности: http://awesomescreenshot.com/000lxdf66

    Asked by novickOk,

    0 votes
    2 answers

  9. Ошибка валидации.

    Здравствуйте. Сегодня возникла проблема, при проверки валидности сайта: Line 2, Column 1: No explicit character encoding declaration has been seen yet (assumed utf-8) but the document contains non-ASCII. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> Line 2, Column 1: Element head is missing a required instance of child element title. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> И еще три связанных с этим ошибки. Как я понял это из-за пустой строки перед кодом страницы, но в самом коде этой строки нет, она появляется только в валидаторе и исходном коде страницы. Может…

    Asked by Strikepark,

    0 votes
    0 answers

  10. Вопрос от новичка по созданию Меню

    Доброго времени дня! Я новичек в веб-строительстве и ищу ответы на пару вопросов касательно реализации меню для сайта. Вопрос пока что имеет отношение только к хтмл верстке, тоесть про PHP речь пока не идет. Собственно говоря я понимаю каким образом с помощью CSS списки (<li>) преобразуются в вертикальное и горизонтальное меню, но это просто косметическое преобразование, а каким образом реализуется фнукциональная часть? Проще говоря, разжуйте пожалуйста, каким образом меню появляется на всех страницах? Оно дублируется в каждую, либо есть более простой способ? Поиском пользовался, конкретного ответа не нашел, буду благодарен за адекватный, развернутый ответ. Спасиб…

    Asked by Noraad,

    0 votes
    9 answers

  11. Ищу человека

    Доброго времени дня! Ищу человека, к которому можно было-бы обратиться за разъснением пары моментов, касательно веб-строительства. Очень много противоречий вижу на форумах, поэтому и хотел пойти по пути наименьшего сопротивления ввиде консультации у одного человека. Если кто-то может помочь, отпишите пожалуйста.

    Asked by Noraad,

    0 votes
    3 answers

  12. проблемы с :hover

    Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?

    Asked by Alexey_Balu,

    0 votes
    5 answers

  13. Одно разрешение, разные размеры экрана.

    Собственно, вопрос. Будет ли разница в вёрстке, если разрешение у ноутбуку (17 дюймов) 1600 на 1200, и у десктопа (22 дюйма) тоже 1600 на 1200. Подскажите, в чем будет отличие и как это проверять/фиксить

    Asked by YaroslavLyzlov,

    0 votes
    1 answer

  14. Кнопки соц.сетей в списке записей

    Всем доброго времени суток. Пробовал найти решение, но не получилось. Необходимо на главной странице в блок каждого поста добавить кнопку вконтакте, твиттера, гугл+ и фейсбука (или хотя бы первых двух), которая будет делиться содержанием того поста, в котором находится ссылка. Если формировать кнопку для вк на его редакторе кнопок, то получается такой код <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "mini"}); </script> и эта кнопочка будет делиться url-ом страницы, а не пермалинком поста. То есть такая кнопка может существовать в единственном экземпляре. Вот на этом сайте есть пример того, что я хочу…

    Asked by Dayks,

    0 votes
    10 answers

  15. Помогите с font-face

    Всем привет. Помогите плз, час уже бьюсь, нечего не понимаю. Нужно подключить к сайту нестандартный шрифт, bankgothic russ medium назвается. Обычно для генерации font-face пользуюсь ресурсом http://www.fontsquirrel.com/fontface/generator, и до настоящего времени он меня не подводил. Но сейчас происходит какая-то ерунда: скачиваю ttf файл шрифта, кириллицу он поддерживает, но при прогоне через вышеуказанный сервис все русские буквы меняются на квадраты Может есть другой подобный сервис, или с этим кто поможет разобраться, был бы очень признателен! Сам шрифт выложить куда-то нет возможности, но он легко ищется гуглом. Очень надеюсь на помощь!

    Asked by lolka84,

    0 votes
    3 answers

  16. блоки и текст

    Привет Всем. Прошу не пинать сильно, друзья попросили сваять чего нить простенькое для личной странички в нете, сам я далёк от хтмл-верстанья. Но вот скачал шаблон, подключил его к модексу. И нужно его немоного изменить под свои нужды. В общем вопрос такой чтобы сразу много времени не занимать - Возможно ли продолжение текста в соседнем блоке? Ну или объединение блока текста с соседним блоком... В общем вот нашёл я этот шаблон http://www.templatemo.com/preview/templatemo_106_travel, вот мне нужно убрать этот пункт Popular Destination и что бы заместо него шёл текст с середины сайта как бы до самого конца, ну заканчивался примерно где то на уровне кнопки view all было бы з…

    Asked by ustas,

    0 votes
    5 answers

  17. Резиновая верстка, позиционирование, вопрос

    Как сделать стили чтобы для макета на картинке в хтмл блоки шли в таком порядке: <div id="content">MAIN CONTENT</div> <div id="left">LEFT SIDEBAR</div> <div id="right">RIGHT SIDEBAR</div> <div id="footer">HEADER</div> <div id="footer">FOOTER</div>

    Asked by datum,

    0 votes
    5 answers

  18. Проблема переноса блоков <div>

    Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо html код <div id="body"> <div class="floor"> <div class="blok"> <div id="one"></div> <div class="vert_line"><a href="" class="body">Идея</a></div> </div> <div class="blok"> <div id="two"></div> <div class="vert_line"><a href="" class="body">Домен</a> <p>Мы зарегистрируем для вас дом…

    Asked by FRAGnat,

    0 votes
    3 answers

  19. Проблемы с IE 8

    Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…

    Asked by Bizon4ik,

    0 votes
    4 answers

  20. Почему блок плавает при изменении масштаба?

    внизу в футере там есть счетчик статистики, при изменении масштаба страницы он "плывет" как сделать, чтоб он был статичным и распологался к примеру справа в футере? пс: разобрался.. надо было вложить блок в футер, а не отдельно

    Asked by nikki4,

    0 votes
    0 answers

  21. Линейный градиент для осла

    Нашел решение для осла (по градиенту) filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509')"; /* IE8 */ но, как быть если мне нужно чтобы между startColorstr='#f0d701' и endColorstr='#982509' был ещё один цвет???? например #ffffff

    Asked by sweb27,

    0 votes
    4 answers

  22. Помогите с версткой хаотичных элементов

    Добрый вечер, форумчане. Столкнулась с такой проблемой. Есть дизайн На картинке видно, что ссылки Портфолио, Дизайн сайтов, Логотипы, Клиенты и пр. располагаются нестандартно. И собственно я не знаю как их сверстать. Я подумывала в сторону таблицы, со своими отступами, объединением ячеек, но еще не уверена. Может быть вы подскажите более простой и грамотный вариант? Всем спасибо за ответы!

    Asked by wyjka,

    0 votes
    1 answer

  23. Резиновые блоки. Проблема с фоном

    При уменьшении окна браузера, когда появляется скролл фон блока сползает до размера величины окна. Передвинув скролл вправо становится заметным, что фон блока сполз. Остается только фон указанный в теге <body>. Подскажите пожалуйста, кто встречался с такой пробелмой, ее решение.

    Asked by proger,

    0 votes
    1 answer

  24. Непонятные фокусы Стиля Box-Shadow

    Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.

    Asked by TheBroadcast,

    0 votes
    2 answers

  25. Элемент select

    Подскажите как можно изменить стандартную кнопку выбора в элементе select

    Asked by sergeysurovikin,

    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