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. списки

    <div class="apDiv1"> <a href="index.php?categoryID=24" class="cat">простые телефоны</a> <br> <ul> <li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li> <li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li> <li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="in…

    Asked by ppvkomi,

    0 votes
    18 answers

  2. ИЕ не отображает изображение во вложенных div

    Всем доброго дня. Проблема в том, что браузер ИЕ7 (на других версиях ИЕ не проверял) не отображает изображения во вложенных div. Код в HTML <body> <div id="header"> <div id="logotype"> <a href="/index.php"></a> </div> <div id="menubody"> <div class="home"></div> <div class="graff"></div> <div class="forum"></div> <div class="guest"></div> </div> <div id="menu"> </div> Код CSS для <div class="home"> и остальных трех .home { width:128px; height:128px; margin-top:6px; margin-left: 16px;…

    Asked by volonter,

    0 votes
    18 answers

  3. Растягивание spana в IE6

    Есть проблемка. Есть блок с overflow: auto В нём span с display: block и заданной высотой Всё нормально, но в IE6 при заполнений больше 100% от родителя текстом вместо, того что б продолжать строку и тем самым образовывать полосу прокрутки у родителя, он переносит строчку. word-space: nowrap не помогает =( Что сделать? Заранее спасибо.

    Asked by Yahoo!,

    0 votes
    18 answers

  4. Фиксед left: 0; при max-width

    Собствено возникли такие траблы. <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>fixed for min-, max-width body</title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html { height: 100%; } body { background: rgb(235,235,235); width: 100%; min-width: 1000px; /* max-width: 1600px; - в реальном значении */ max-width: 1000px; /* Имитация монитора с разрешением бо…

    Asked by gesandte,

    0 votes
    18 answers

  5. Проблема со спрайтами в IE6

    Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …

    Asked by Dessss,

    0 votes
    18 answers

  6. Едет или нет?

    Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!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" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; …

    Asked by stardel,

    0 votes
    18 answers

  7. помогите выровнить банер

    Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…

    Asked by dimdimin,

    0 votes
    18 answers

  8. Рамка у textarea мешает дизайну.

    Заведенная вновь мной тема уже когда-то поднималась я где-то в результатах поиска видела - сейчас не могу найти. И уважаемый s0rr0w сильно ругался на автора темы. Тем не менее, мне необходим ответ на поднимаемый вопрос. На самом деле вопроса два. 1. У меня имеется Select с множеством записей. Селект не выпадающий, а прокручивающийся. У меня возникла необходимость убрать бордер у селекта, ибо в дизайн сайта эта рамка ну никак не вписывается. .select{ width:100%; height:300px; margin:0px; border:0px solid black; } простой бордер со значение 0 понимает только ФФ. Ни какой ИЕ - ни 6, ни 7, ни 8 - это не понимает. Как заставить ИЕ все же убрать эту злосчастную рамочку? 2. …

    Asked by In_Variant,

    0 votes
    18 answers

  9. Опять теже грабли с уголками

    Страница Вроде все делал по инструкции как на прошлом сайте, уголки сделал абсолютами с внешнимими нижними и верхними обертками Почему то верхний правый див topRightCommBg не реагирует на margin-left: -20px; проблема в ИЕ 6 и ИЕ 7, с нижним правым дивом аналогично! Ребят я опять что то забыл?

    Asked by TonKhaO,

    0 votes
    18 answers

  10. Загрузка анимированного .gif из кеша браузера

    Доброго времени суток всем! Вопрос: Есть ли способ загружать анимированные .gif изображения из кеша браузера не теряя анимацию? Подробнее. Думаю известная проблема - если мы делаем при каких-то событиях мыши загрузку анимированных изображений, то анимацию мы будем видеть ровно до тех пор, пока изображение не закешируется браузером, обычно этих разов будет 1, если не предпринять доп. усилий. После кеширования мы будем видеть уже не анимированное изображение, а его последний кадр. Стандартное js-решение этой проблемы - добавление случайного числа к урлу загружаемой картинки, это приводит к загрузке изображения снова с сервера. В моем случае это решение содержит изъян: карти…

    Asked by Dima_2015,

    0 votes
    18 answers

  11. Есть пустой див с бэкграундом высотой в 141px

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

    Asked by fireXXX,

    0 votes
    18 answers

  12. mm_menu

    Извините, если вопрос создан не в том разделе. Проблема собственно говоря не сложная, но при моём уровне владения кодом - достаточно неприятная. Имеется два меню, приведённые ниже. Строки, выделенные красным цветом, необходимо поменять местами со строками выделенными синим цветом. При простом копипасте меню просто отказывается работать. В одной из статей указали, что обрабатывать такие скрипты необходимо дримвьювером, т.к. он автоматически обновляет файл mm_menu.js, но изменяя эти строки вьювером меню всё равно отказывается работать. function mmLoadMenus() { if (window.mm_menu_0912121823_0) return; window.mm_menu_0912121823_0 = new Menu("root",417,20,"Verdana, Arial, …

    Asked by Cyanide,

    0 votes
    18 answers

  13. Абсурд с position! И тем не менее, работает...

    Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…

    Asked by Мое Яблоко,

    0 votes
    18 answers

  14. Рамка вокруг рисунка

    Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?

    Asked by Акула58,

    0 votes
    18 answers

  15. плеер на сайте чтоб серфинг не влиял на него

    У Меня есть готовый плеер <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src= "http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNzMyMTc2OTI1MzEmcHQ9MTI3MzIxNzY5MzczNCZwPTE4MDMxJmQ9Jmc9MQ==.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mff-stick.swf" height="35" width="219" style="width:219px;height:35px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mff-stick.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /&g…

    Asked by shall soul,

    0 votes
    18 answers

  16. Внутренние элементы растягивают блок в IE6

    CSS: a.sbt { background:url("/templates/sinclair/images/sml_btn_bg.png") repeat-x; display:inline-block; height:22px; line-height: 22px; white-space: nowrap; color:#fff; text-decoration: none; cursor: hand; } a.sbt b, a.sbt i{ display: block; height:22px; font-style: normal; font-weight: normal; cursor: hand; } a.sbt b{ background:url("/templates/sinclair/images/sml_btn_l.png") no-repeat left top; } a.sbt i{ background:url("/templates/sinclair/images/sml_btn_r.png") no-repeat right top; padding-left:10px; padding-right:10px; } HTML: <a class="sbt" href="ss"><b><i>Добавить в корзину</i></b></a> Должна получиться кноп…

    Asked by d0ublezer0,

    0 votes
    18 answers

  17. Друзья, помогите с доктайпами!

    Всем привет! Друзья, помогите разобраться с доктайпами! Чем отличаются HTML от XHTML? Можно подробней, пожалуйста! Что лучше использовать и что используете Вы как мастера, что Вас больше устраивает и почему? Чем отличается в HTML и XHTML: Строгий синтаксис HTML/X и Переходный синтаксис HTML/X? Что в новом стандарте HTML 5? Стоит ли использовать его? Как с ним будут работать старые браузеры? Будет ли он лучше HTML 4.01? На этом замечательном сайте пишется что для XHTML не требуется закрывающий тег, это как? Для всех тегов? Заранее благодарен за помощь начинающему P.S. Выучил HTML по курсам Е.Попова, там только для нубов азы! С чего продолжить? Посоветуйте пожалуйста, а то…

    Asked by Барсик,

    0 votes
    18 answers

  18. Некорректное отображение в IE

    Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:trans…

    Asked by Sven,

    0 votes
    18 answers

  19. Прблема С Версткой Меню

    Здравствуйте уважаемы гуру,помогите с советом как сверстать вот такое меню http://clip2net.com/clip/m32940/1284365706-clip-155kb.png Чтоб растягивались плашки и в активном состоянии и при наведении.Спасибо за советы

    Asked by sertu,

    0 votes
    18 answers

  20. Картинки в КСС

    Доброго времени. Скажите, что нужно прописать, чтобы при наводке курсора (не нажатии) картинка менялась на другую? http://pastebin.ubuntu.com/493694/ -enigme.css Я старался сделаать, но не вышло... 3арание спс.

    Asked by malder2010,

    0 votes
    18 answers

  21. Вопрос-ответ

    Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !

    Asked by volkoff,

    0 votes
    18 answers

  22. ссылка углы и градиент

    пытаюсь сделать на ссылки в меню и закругленные углы и градиент. вот тут справа меню. собственно интересуют IE6-8. пробовал разными комбинациями скриптов: DD_roundies - PIE.htc пробовал сделать градиент предварительно сгенерировав на display-inline.fr пробовал сделать скриптами как тут http://www.konstantinbaev.ru/cg/ (и вроде как работает нормально) но. ссылки не должны ограничиваться по высоте, потому как х.з. какая ссылка будет. (в последнем примере как раз ограничение по высоте) в общем кто делал? подскажите плиз. DD_roundies - PIE.htc перекрывают друг друга, и поэтому работает только что то одно.

    Asked by npofopr,

    0 votes
    18 answers

  23. Можно ли узнать паспортные данные владельца сайта?

    У моей подруги есть сайт, на сайте она опубликовала несколько фотографий, которые нашла в интернете. Где-то два дня назад на электронную почту моей подруги пришло письмо от какой-то женщины. В письме эта женщина пишет, что увидела на сайте моей подруги свою фотографию, которая была опубликована без ее спроса. Поэтому моя подруга должна либо заплатит ей за фотографию 600 рублей, либо удалить фотографию с сайта, иначе она подаст на мою подругу в суд. Но для моей подруги 600 рублей достаточно большая сумма, чтобы отдать ее за одну единственную фотографию, которая к тому же не эксклюзивная, так как она размещена на других нескольких сайтов. Поэтому моя подруга в тот же день …

    Asked by anna-2010,

    0 votes
    18 answers

  24. Чем заменить ссылку

    Есть у меня код: Фрагмент HTML: <ul id="toc"> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> </ul> Фрагмент CSS: ul#toc {list-style:none; padding: 0; margin-left: 2px;} #toc li a {float:right; background:#FFF; padding: 0 4px 0 0; COLOR: #000000; TEXT-DECORATION: none} #toc li span {float:left;background:#FFF; padding 0 0 0 4px;} #toc li br {clear:both;} И всё меня устраивает, …

    Asked by marrk,

    0 votes
    18 answers

  25. Помогите реализовать структуру

    Вот не могу понять как правильно сделать. Есть таблица таблица Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом стобце, и сайдбар во втором столбце). А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы чтобы растягивались по высоте только белые ячейки? <!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" dir="ltr" lang="ru"> <head> <title>123</title> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by zuldek,

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