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. Неверно откладывается padding

    Ссылка Смотрим на список внизу. Там стоит padding-top: 31px; для элементов списка начиная со второй строчки, а на самом деле там откладывается 40px. Почему так происходит? Причем попробовал туда ставить 0 и тогда отступы вообще исчезали, то есть это отступ именно этого паддинга.

    Asked by Rustick,

    0 votes
    10 answers

  2. Зазор между "плавающими" div'ами

    Задача: Сделать 2 "резиновых" дива с заданным цветом и родительским дивом. Первый див прижат влево, второй вправо. Проблема: В opera, chrome, safari между дивами появляется зазор в 1 пиксель сразу или при масштабирование окна браузера по ширине. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru" /> <title>The table</title> <style type="text/css"> html, body { margin:0px; padding:0px; } #div0 { width:100%; background-col…

    Asked by Vertachilo,

    0 votes
    2 answers

  3. Тормоза Оперы при фиксированном позиционирваннии

    Доброго времени суток. Такой трабл: решил прикрутить на одной странице фиксированный блок с якорями и прочими побрякушками. Использовал position:fixed. Отображается всё нормально, но вот при прокрутке страницы через Оперу возникают тормоза. Отсюда собственно и вопрос: это распространённый баг Оперы или попросту я гдето запорол?

    Asked by SunChase,

    0 votes
    6 answers

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

    Проблема такая делаю шаблон к сайту. Сделал правый и левый сайдбары с помощью DIV блоков одинаковыми. Проблема заключается в том что если внести в один из сайт баров информацию, то другой блок выравнивается по низу. В общем "пляшут" у меня оба блока. Подскажите как их зафиксировать вертикально, чтоб не "плясали" при добавления в сайдбары информации. З.Ы. сами блоки входят в строку таблицы, которая поделина на два столбца сайдбара и столбец с контентом.

    Asked by Scorpio2011,

    0 votes
    8 answers

  5. Chrome увеличивает height если прописан border 1px

    Обычный <div> размерностью 1180px x 200px <div style="width: 1180px; height: 200px;border: 1px solid #ccc"></div> Проблема в том что, Google Chrome 10+ сам изменяет height если прописан border 1px, то есть: При просмотре страницы Chrome 10+ за место заданной ..height: 200px.. отображает как 202px (из-за того что прописан border 1px, он его берет в плюс) Вопрос: Как исправить это?

    Asked by uExpo,

    0 votes
    2 answers

  6. Контактное меню

    Есть з кнопки для контактов <a href="www.google.ru"><div class="menu"></div></a> <a href="www.google.ru"><div class="menu2"></div></a> <a href="www.google.ru"><div class="menu3"></div></a> К каждой соответствует свой номер телефона.Нужно чтобы при клике появлялся номер с фоном.Вот так: http://itmages.ru/image/view/233951/635e76af Как это сделать? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /…

    Asked by Rambo2045,

    0 votes
    2 answers

  7. разместить footer при помощи position

    помогите пожалуйста поместить footer под область основной информации сайта. я пытаюсь сверстать позиционированными блоками вот этот сайт вот что у меня получается http://narod.ru/disk/19397755001/index.php.html. как видите, footer1 находится не на своём месте. использовать не position, а другие способы пожалуйста не предлагайте. так как я хотел бы разобраться именно с position(при помощи float я уже сверстал это же). ps высота блоков с основной информацией меняется, поэтому не могу жестко прописать положение footer-а.

    Asked by cyklop77,

    0 votes
    6 answers

  8. Проблема с background

    Всем здравствуйте. Есть сайт http://rollets-spb.ru Справа в колонке таблицы предусмотрен повторяющийся кусочек бэкграунда, для того, чтобы нормально тянуть макет вниз. Задано это все при помощи CSS классом .backgr { background-attachment: scroll; background-image: url(images/index_07.jpg); background-repeat: repeat; background-position: left top; background-color: #999; и все вроде хорошо, да только в эксплорере и файрфоксе он не множится. В хроме и опере все ок. По логике все должно работать. Подскажите пожалуйста, в чем может быть проблема?

    Asked by defire,

    0 votes
    6 answers

  9. label для radio

    <dd class="answer"> <input type="radio" id="user_radio_input" name="Vote[answer]" value="0" class="radio_button"> <label for="user_radio_input"> <input type="text" name="Vote[user_answer]" class="input_button" value="Ваш вариант" /> </label> </dd> Здравствуйте, нужно чтобы при нажатии на input с текстом, radio button установилась в активное состояние, сделал так, но не работает =( Помогите исправить. Пробовал в Опере. В хроме оказывается работает и нормально переходит, в ФаерФоксе работает, только не получается ввести текст в инпут, так как вечно перебрасывает фокус на радио буттон, что впринципи логично. Видимо при…

    Asked by like2dev,

    0 votes
    1 answer

  10. Как правильно

    Здраствуйте, у меня вопрос по rel = no index no follow. Первое это как правильно писать и ли можно для каждой ссылки отдельно указать этот тег. И как я читал в Интернете, они блокируют унос тИЦ и PR вместе с ссылками, да? Ответьте плз, буду очень признателен. Заранее благодарю. © Постоянный попрошайка ответов Shader P.S. Не отказывайте постояльцам

    Asked by Shader,

    0 votes
    3 answers

  11. Выпадающее меню залазит под видео

    Смотрю на сайте http://godorak.com всплывающее окно и меню ведут себя непонятно. Поп-ап частично поверх видео, частично под видео. И меню залазит под видео. В файрфоксе пятом и опере одиннадцатой всё нормально. А в хроме/ИЕ9/Опера 10.6 - плохо. Подскажите, пожалуйста, как исправить?

    Asked by photograf,

    0 votes
    2 answers

  12. Вставка социальных кнопок на сайт джумла 1,5

    Всем добрый день. Только пожалуйста не смейтесь с моих познаний. Проблема №1 Имеется сайт http://ciferkom.ru Я на него пытаюсь установить кнопки соц сетей. Кнопки поделится от яндекса (блоком) я поставил. Теперь хочу поставить кнопки голосования. Если Вы зайдете в любую статью на моем сайте, вы увидите, что под кнопкой (блоком яндекса), Я расположил кнопку "+1" от гугла и кнопку "мне нравится" от вконтакте. Вопрос: кнопка в контакте находится под кнопкой гугла. Как их поставить рядом. Код кнопок выглядит так: <!-- Google+1 --> <br> <g:plusone></g:plusone> <!-- Vkontakte --> <div id="vk_like"></div> <script type="text/javascr…

    Asked by serg450453,

    0 votes
    6 answers

  13. CSS свойста "border"

    Почему две нижеприведенные записи CSS для border не равнозначны?: div { border-style:solid; border-color:#eee #ddd #ddd #eee; border-width:1px } div { border:1px solid #eee #ddd #ddd #eee } Второй вариант не работает, поскольку идет указание сразу на четыре стороны блока?

    Asked by Lionel,

    0 votes
    1 answer

  14. Like от Facebook

    Добрый вечер, дорогие форумчане, CMS: Drupal 7 Сайт: http://eu-le.com/ Проблема: не работает кнопка "мне нравится" от Facebook. Создаю блок и ставлю режим "php" (обычный HTML не распознаёт язык XFBML) и вставляю код: <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=205815206137680&xfbml=1"></script><fb:like href="http://eu-le.com" send="false" width="286" show_faces="true" font="tahoma"></fb:like> В head приписываю все полагающиеся meta-теги. Жук показывает прекрасное отображение этих тегов в панели. И всё же кнопка не работает. Выдаёт ошибку: "Your page's type requires that a meta tag of the form…

    Asked by Eu-Le,

    0 votes
    2 answers

  15. Помогите разобраться

    Всем привет! Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на display:inline-block, vertical-align:top +white-space:nowrap В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они? Вот ссылка на пациента.

    Asked by Softlink,

    0 votes
    7 answers

  16. Разчертить линию по координатам

    Здравствуйте. Очень нужно научится рисовать линию. Т.е. есть 2 точки первая по координатам x-13,y-48 а вторая x-56, y-136 т.е. мне надо чтобы линия или картинка в виде линии пошла из первой точки к второй. Подскажите пожалуйста как это можно организовать?

    Asked by dayser,

    0 votes
    10 answers

  17. юникод

    возможно ли сделать так, чтобы unicode символы выглядели одинаково во всех браузерах? пример: ? ? ?

    Asked by MasterP,

    0 votes
    5 answers

  18. float плавающие блоки

    Всем привет, такая проблема наверно банальная, искал много инфы но ничего не нашел, В общем колонок на сайте много, но расскажу про 3 самые важные. 1 колонка левый блок 2 центр 3 правый блок надо центр, центрировать чтоб всегда был (сделал), левая колонка растягивалась при уменьшении масшаба (сделал), а вот правую никак не могу понять как сделать так же как и левую. центру ставил margin:0 auto; левой float:left; правой хз что поставить, правая колонки ставиться хоть и справа, но под всеми элементами, если поставить float:left; Если поставить центральному float:left; то он будет так же тянуться в лево, а не стоять на центре. Короче проблема в правой колонке, она да ставить…

    Asked by Hoax,

    0 votes
    8 answers

  19. Как вписать картинку в div?

    А можно как-нибудь вписать image в div фиксированного размера (120x120), чтобы image сжимался, не растягивая див и укладываясь в размер 120x120 (сохраняя пропорции). То есть, если изображение маленькое, 10x20, например, чтобы выглядело как 10x20. Если изображение, 120x180, например, чтобы выглядело как ширинаx120. В общем, если картинка маленькая (меньше 120x120), пусть остается маленькой, как есть. А если большая, пусть пропорционально сжимается, не растягивая родительский div. Но при этом css непосредственно картинке задавать нельзя, только внешним дивам У меня получилось так, что див растягивается: <html> <head> <meta http-equiv="Content-Type" con…

    Asked by Kat,

    0 votes
    6 answers

  20. Проблема с padding у clear:both

    Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price &lt…

    Asked by savinzeek,

    0 votes
    4 answers

  21. Идеальное расположение боксов для поисковиков

    Вопрос к SEO'шникам и тем, кто знаком с продвижением сайтов. Известно, что основной контент в HTML-коде первее сайдбаров - благоприятнее для индексирования поисковиками... Но нужно ли контент пускать в коде раньше, чем хэдер (шапка сайта) или по философии документа сначало должен идти заголовок-шапка, потом тело-контент? В общем подскажите, как лучше?

    Asked by Torm,

    0 votes
    5 answers

  22. IE плохо отображает верстку

    Вот решил устроиться поработать php программистом (мечу скорее в стажеры). Естественно надо показать свои знания и написать сайт, что собственно я и сделал довольно быстро и без проблем. А вот стиль страниц почему-то некоректно отображается на IE. Причем проблем была просто масса. Большинство я исправил своими силами (впрочем это уже довольно дикие костыли были). Осталось только 2 насущных вопроса, которые хотелось бы как можно быстрее решить и идти выкладывать сайт уже в другой раздел этого форума. 1. IE (8) не правильно понимает max-width. Картинки заданные гиперссылками в постах разрывают шаблон. Хотелось бы как-то эмулировать max-width. 2. Рейтинг постов выглядит п…

    Asked by Freddis,

    0 votes
    4 answers

  23. позиционирование фона

    Есть фоновое изображение, необходимо прикрепить его таким образом, чтоб при ресайзе окна привязка была была к центру документа, а фон просто подрезался... Вот тут пример _http://forum.eve-ru.com Я честно говоря уже голову сломал, второй день вожусь. Пробовал передирать цсс, не работает. Премного благодарен.

    Asked by resoursa,

    0 votes
    3 answers

  24. Как полностью заполнить область область родительского блока дочерними

    Имеется фиксированный двухколоночный макет. Левая колонка - сайдбар, правая - контент. Вверху шапка, внизу "прилепленный" к низу футер. Все блоки, кроме футера, обёрнуты в #container, от которого позиционируется футер. Проблема в том, что дочерние блоки (сайдбар и контент) не фиксированные, и если один из них имеет бОльшую высоту, он "выезжает" за границу #container. Таким образом, футер оказывается парящим посреди экрана, в то время как выезжающий блок - уходит за нижнюю границу экрана. Задача Полностью вместить все дочерние блоки в родительский, чтоб они не выезжали, в то время как нижняя граница самого "высокого" из них должна совпадать с границей #container. Решение П…

    Asked by demoncheg,

    0 votes
    20 answers

  25. элементы формы на разной высоте

    Здравствуйте, как сделать так чтобы input и button были на одной высоте. http://arsenalprint.kz/input/archive.html там где кнопка показать

    Asked by like2dev,

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