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. Склеивание блока

    Народ помогите разобраться как склеить блок ,есть 2 части и ,нужно получить . Помогите разобраться как склеить такой блок ,позиционированием и другими способами какими будет не сложно.И еще вопрос какая структура вложености тегов html? Буду очень благодарен за помощь.

    Asked by coldug,

    0 votes
    2 answers

  2. текст не обтекает картинку

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

    Asked by cyklop77,

    0 votes
    2 answers

  3. Не отображается картинка тега <img>

    Здравствуйте. Не отображается картинка: <img class="picture" alt="" src="/images/heart.png"> Название картинки и путь правильные. Почему?

    Asked by OlegALL,

    0 votes
    2 answers

  4. Сайт по центру экрана

    есть такое дело. сайт едет влево. как его сделать по центру? #page-wrapper { min-height: 100%; margin: 0 0 -85px; width: 995px;

    Asked by Tchorteg,

    0 votes
    2 answers

  5. Проблема с фиксацией фона

    Добрый день форумчани. Собственно проблема такая: - При уменьшении окна браузера фон макета начинает сдвигаться, что не есть правильно. Пробовал его зафиксировать с помощью min-width, реакции 0. Примеры: http://www.rzonline.ru/ - Фон не фиксированный (как у меня) http://pw.mail.ru/ - Фон фиксированный (как нужно) Фотографии моей проблемы: - Нормальное разрешение - При уменьшении окна CSS: HTML Заранее спасибо за помощь.

    Asked by DarkSim,

    0 votes
    2 answers

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

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

    Asked by photograf,

    0 votes
    2 answers

  7. 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

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

    Есть з кнопки для контактов <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

  9. 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

  10. Зазор между "плавающими" 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

  11. Одно меню роботает - другое нет

    Я нашел класное меню, вставил на страницу - оно роботает. Но я хочу вставить еще одно, вставляю весь код, подключаю все скрипты, но первое перестает роботать и второе не хочет. Что делать?

    Asked by NIkNOkNIkNOk,

    0 votes
    2 answers

  12. Вопрос по СЕО

    Здраствуйте, вот мне стало интересно, в СЕО статьях пишут типо используйте теги <h1-h6> <strong>/<b> <i> для повышения веса ключевого слова на странице. Тоесть, если продвигаете "купить фен", то эти слова на странице лучше взять в один из этих тегов. Но всеже кричат, что использование в вестке тегов <b> <i> <strong> - не самый лучший вариант, когда можно добится того же еффекта через стили. Как быть? Или в стилях заменители перечисленных выше тегов( кроме <h1-h6> ) тоже поввысят вес ключевого слова?

    Asked by Shader,

    0 votes
    2 answers

  13. float или inline-block

    Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.

    Asked by like2dev,

    0 votes
    2 answers

  14. ссылка на папку в локальной сети

    Здравствуйте есть папка в локальной сети - путь \\xxx\yyy\ возможно ли сделать ссылку, что бы при клике эта папка открывалась в проводнике?

    Asked by LeFF?,

    0 votes
    2 answers

  15. как задать цвета ссылок вне css?

    Подскажите как задать цвета ссылок вне css,в самом html где синтаксически прописать это <a href="stranica.html">красная ссылка< /a>?

    Asked by planetaryi,

    0 votes
    2 answers

  16. position:absolute прикрепить к положенному месту

    Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"&…

    Asked by z-0091,

    0 votes
    2 answers

  17. Подскажите по стилям для media print

    Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link med…

    Asked by MeTaN,

    0 votes
    2 answers

  18. Api карт яндекса

    день добрый всем! подскажите с такой проблемкой - в карте яндекса, не могу к балуну прописать строчку с ссылкой ... все теги проходят нормально а <a> не работает, карта перестает работать сам скрипт - <script type="text/javascript"> YMaps.jQuery(window).load(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-413")[0]); map.setCenter(new YMaps.GeoPoint(37.651436,55.741468), 10, YMaps.MapType.MAP); map.addControl(new YMaps.Zoom(), new YMaps.ControlPosition( YMaps.ControlPosition.TOP_LEFT, // в какой угол поставить new YMaps.Size (5, 5) // сколько от него отступ в пикселах (x, y) ) ); map.enableScr…

    Asked by Torvin,

    0 votes
    2 answers

  19. Влияние padding'а элемента на соседние элементы той же строки

    Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …

    Asked by DanLuchinsky,

    0 votes
    2 answers

  20. Панорама в шапке сайта

    Здравствуйте уважаемыйе форумчане!На фотошопе создал панораму из 3х картинок,теперь поставил задачу применить ее в шапку сайта:разрезал на 3 части и позаменял ссылки стандартных картинок шаблона на мои рисунки.В итоге возникла проблема центральный рисунок не вклеивается в панораму,его обрезает.Пытался менять размеры,но сбиваются рамки рисунка.Прошу у вас помощи! вот панорама которую нужно вставить: а вот что у меня выходит: (там еще дополнительный вопрос:как убрать отступ указанный на картинке?) вот код шапки(сайт находится на бесплатном хостинге ucoz.ru) : ссылки такого плана "background:url('http://elenevp.at.ua/1.jpg')" переделывал в "<img src="http://elenevp.at.…

    Asked by replicate,

    0 votes
    2 answers

  21. Наследование свойств border

    <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

    Asked by staff-base,

    0 votes
    2 answers

  22. порядок работы

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

    Asked by cyklop77,

    0 votes
    2 answers

  23. box-shadow проблемы в Опере

    Добрый вечер. Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень. Прошу вашей помощи. Спасибо. html <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link type="text/css" rel="stylesheet" hr…

    Asked by DiMMK4,

    0 votes
    2 answers

  24. Вложение со ссылками на влаживаемые страницы))

    Доброго времени суток. Есть проблема, не могу ни как найти найти на неё ответ: Предположим есть страница index.html Необходимо чтоб при нажатии на пункт "галерея" в iframe загружалась страница, с ссылками вверху. Но ссылки вверху должны быть подключены как отдельный .html файл. Проблема в том что после того как с помощью "<a href="hol.html" target="f1">" я загружаю страницу в iframe с именем f1 то при нажатии на любую ссылку (с любым target значением) окно не открывается в родительском, а открывается как новое. Понимаю что это банально для людей кто в этом хорошо разбирается. Подскажите как сделать.

    Asked by CHIM.86,

    0 votes
    2 answers

  25. Отступы в форме

    Никак не могу справиться с формой. С лева и сверху текст прилепился к краям формы и не могу найти в стилях где этот параметр, подскажите плиз http://www.kinoextreme.ru/?page_id=746

    Asked by dimdimin,

    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