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. Вертикальное выпадающее меню ограничивается границей блока?

    Доброго времени суток! Сразу оговорюсь: далеко не волшебник, а только учусь. При создании вертикального выпадающего меню столкнулся с проблемой: Если меню ставить вне блока - все нормально работает, но когда это же меню вставляю в блок - при наведении на пункт с подкатегорией выпадает меню только в пределах блока и под основным. Помогите если возможно! Заранее благодарен! Сайт: http://ipplaneta.ru Линк: код блока: CSS javascript

    Asked by Leonidk,

    0 votes
    6 answers

  2. Отсутпы в меню

    В браузере имено ИЕ6 и ИЕ7 в меню произошёл, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться подогнать, убрать отступ, он показан на фото. Вот фото проблемы и архив новый вылаживаю, уже с меню. http://ipicture.ru/uploads/100903/R5oUaRLLw5.jpg http://www.sharemania.ru/0158454

    Asked by people2010,

    0 votes
    6 answers

  3. Помогите - CSS глюк?

    Наткнулся при коде на несколько проблем, кроме того я чайник. Готовый htm файл залил здесь http://rapidshare.com/files/416737094/TEMPO.htm.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" xml:lang="en" lang="en"> <head> <title>Что то тут не то</title> <style type="text/css"> ul { border: solid 1px; float: left; list-style: none; margin: 10% 0 0 1em; padding: 0 1em 0 0.5em; } li { background: #00FFCC; } ul div { background: #CCCCFF; margin-left: -0.5em; } a:hover { text-…

    Asked by BPOTHOCOK,

    0 votes
    6 answers

  4. Неудается полностью скопировать блок

    Добрый день, появился вопрос, пытаюсь скопировать блок с сайта для дальнейшей переработки и использования, но блин вроде все тоже самое но не то Посмотрите профессиональным взором, где я туплю? Исходный сайт с блоком http://www.dv-reclama.ru/photo/fashion/index.php Копия http://hb3.ru/123/

    Asked by diden05,

    0 votes
    6 answers

  5. Ul Li Display: Inline; - Отступы При Использовании Бэграунда

    Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …

    Asked by gard,

    0 votes
    6 answers

  6. Есть Вопрос По Blueprint

    Здравствуйте. Верстаю сай на Blueprint Возникает такой вопрос. в листе стилей присутствуют такие строки .clearfix, .container {display:inline-block;} <<<<—————-Тут так * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} <<<<———————--а тут так. Все эти три строки идут подряд. Не могу понять что к чему. И такой вопрос? Зачем нужен этот класс .clearfix

    Asked by ekkl,

    0 votes
    6 answers

  7. Перенос Ссылки На Следующую Строку

    Какой-то текст<a href="" style="">Ссылка</a>Подскажите, пожалуйста, какие стили прописать у ссылки, чтобы она была на следующей строке после "Какой-то текст". Я пробовал display:block но он не подходит, потому что в этом случае ссылка реагирует на нажатие по всей ширине браузера. Важно: <br> не подходит Нужно чтобы способ работал в IE6 и Firefox последних версий. Не использовать IE expression

    Asked by kedovan,

    0 votes
    6 answers

  8. Помогите Отцентрировать Текст

    Здравствуйте, не получается разместить текст по центру под всеми рисунками, но заменив первую картинку второй в 1-м ряду - текст становится по центру, а заменив второй картинкой седьмую- все равно текст не центрируется: В чем может быть проблема?

    Asked by pattaya,

    0 votes
    6 answers

  9. Выдвигающееся меню - не реагирует!

    Тут такое дело... сделал сам выдвигающее меню с jQuery, но при его раскрытии (оно выдвигается вниз), если там находятся какие-то элементы - не работает (т.е. оно выдвигается, но не работают ссылки и не реагирует на наведение мыши), я думаю проблема тут в html или css... посмотрите, пожалуйста. HTML: <ul id="navigation"> <li><a href="profile.php">Profile</a></li> <li><a href="">Messages</a></li> <li><a href="search.php">Search</a></li> <li><a href="" class="menu_head">Settings</a></li> <ul class="menu_body"> <div class="setting…

    Asked by Santiago,

    0 votes
    6 answers

  10. Проверка На Кроссбраузерность

    Просто любопытно послушать мнение форумчан, по некоторым вопросам. Мне кажется самая подходящая ветка форума для такого обсуждения, если ошибаюсь то перенесите куда следует. 1.Как проверяете верстку на кроссбраузерность? Я проверяю в IETester(6,7,8) и в последних версиях фф, сафари, хром и опера пользователи последних я думаю регулярно обновляют браузеры до последних версий(нет ведь таких кто по каким либо причинам вынужден пользоваться 2-ым фаерфоксом или 9 оперой, как в случае с ИЕ). Существуют ли проверенные аналоги ИЕТестера для других браузеров? Делитесь ссылками. 2.Кроссбраузерная это и кроссплатформенная тоже? Если сайт правильно отображается во всех выше перечисл…

    Asked by rediskavet,

    0 votes
    6 answers

  11. Не Могу Указать Стиль Для Простой Html Структуры

    Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.

    Asked by _duke_,

    0 votes
    6 answers

  12. Проблема С Чекбоксом И Одним Дивом

    Здраствуйте, сверстал шаблон http://vsegarazd.com/nikita/pencils/fish.html. Но в ие7, ие6 нарисовались две проблемы? Первая проблема label "Запомнить пароль" оказывается под чекбоксом а должен быть напротив. Вторая пропадает посередке картинка наклейка. Наглядный рисунок с вопросами: Как это грамотно подправить?

    Asked by Mal4ishnik,

    0 votes
    6 answers

  13. img position

    я нуб в этом,только решил в конце концов разбираться с ксс,что нужно: надо что б эта картинка стояла в данном месте и при заполнении контента в блоке главном двигалась с ним,тобишь оставалсь всегда на месте,кому не лень предоставьте возможные варианты впиха этой картинки поверх всех слов) из этого: в вот это:

    Asked by PraY,

    0 votes
    6 answers

  14. 2 фиксированых блока в 1м резиновом

    Доброго времени дня...я только начал верстать div(ами) и вот столкнулся с проблемой. Есть 2 колонки фиксированной ширины выравненные по центру, длинна колонок зависит от контента - задача сделать фон от бортов колонок до края экрана определённого цвета, ширина-резиновая, высота - по максимуму высоты центральных колонок, написал такой код: <html> <head> <title>test</title> <style type="text/css"> body { padding:0px; border:0px; margin:0px } .rubber { width:100%; background-color:#F00; height:auto } .wrapper { width:780px; margin:auto; } .half_wrapper { width:390px; background-color:#9FF; float:left; height:auto } </style&…

    Asked by Garnet,

    0 votes
    6 answers

  15. <H1> не отображается в IE 8

    Всем привет. Есть шапка сайта цельная картинка(блок div background:url(...)) на ней <H1> написан заголовок . Он не всегда отображается. Если обновлять страницу то переодически пропадает. В чем может быть дело? И еще у одного заголовка свойство letter-spacing:1em; в safari opera нормально отображается ширина а в IE чуть меньше. Как выйти из этой ситуации?

    Asked by Budulianin,

    0 votes
    6 answers

  16. Зазоры в Internet Explorer 6

    Здравствуйте. Обнаружил при верстке одну неприятность, наблюдается в IE 6, в других не замечал. Google Chrome, Opera, Mozilla Firefox, Internet Explorer 8. Internet Explorer 6. По бокам у оранжевого блока видны небольшие зазоры. CSS. body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #fe6; } * { margin: 0; padding: 0; } p { padding: 10px 30px; } #container, #left-col, #right-col { height: 300px; } #container { background: #F63; margin: 0 100px 0; } #left-col { float: left; width: 100px; background: #ffe; } #right-col { float: right; width: 100px; background: #aa5; } В чем причина?

    Asked by Red Planet,

    0 votes
    6 answers

  17. ТЕг select

    Всем привет. Поставил тег селект в нем OPTION . Нужно чтобы первый OPTION выводился еще до открытия списка и чтобы его нельзя было выбрать(т.е. чтоб он был в роли заглавия) как этого добиться? ( я просто ставил DISABLE но FireFox не выводит его первым )

    Asked by Budulianin,

    0 votes
    6 answers

  18. <table> и Opera

    Доброе утро всем! Помогите пожалуста... Вложеная таблица (вложена в ячейку другой таблицы) убегает вниз, но почему то только в Opere, в IE нормально всё. Почему так, как можно исправить? Вроде все перепробовал, всякие align, valign ((

    Asked by PiratGrey,

    0 votes
    6 answers

  19. Использование colspan делает таблицу на 1 пиксель шире

    Дано: <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T" colspan="4"> </td> </tr> <tr class="EMPTY"> <td colspan="4"> </td> </tr> <tr class="TR"> <td class="DOC_E"> </td> <td class="DOC_L"> </td> <td class="DOC_M"> </td> <td class="DOC_R"> </td> </tr> </table> </div> <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T"> </td> </tr> <tr class="EMPTY"> <td&g…

    Asked by RussianGirl,

    0 votes
    6 answers

  20. Перекрытие слоёв (почему так работает)

    Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { b…

    Asked by KFQR,

    0 votes
    6 answers

  21. Высота div с плавающими блоками внутри

    Хочу сделать следующее. Внутри одного div расположить несколько плавающих блоков. У них может быть разная высота. В одном из этих блоков есть кнопка, которую хочу выровнять по низу вертикально. Для последнего делаю height: 100% и vertical-align: bottom. Но для внешнего div высота остается неизменной независимо от его наполнения, т.к. содержит плавающие блоки. Как сделать так, чтобы высота внешнего div была равна высоте самого крупного его внутреннего блока? ...средствами хтмл.

    Asked by warobushek,

    0 votes
    6 answers

  22. Три колонки, вторая - в центре, и имеет фиксированную ширину

    Нужно сделать так, чтобы центральный слой имел фиксированную ширину (например, 800px), а 2 других обтекали его слева и справа, заполняя оставшееся место в окне браузера. Никак не получается, наверно из-за погоды. body { /* стиль всего документа */ background: #fff url(img/gradient.png) repeat-x; padding: 0; margin: 0; } div.top_center { background: url(img/top-center.png) top center no-repeat; width: 800px; height: 300px; margin: 0 auto; } div.top_left { float: left; background: url(img/top-left.png) top right repeat-x; height: 300px; } div.top_right { float: right; background: url(img/top-right.png) top left repeat-x; height: 300px; } Не зна…

    Asked by tigerpvr,

    0 votes
    6 answers

  23. Смена цвета при наведении

    Добрый день, до изучения верстки всегда привлекало внимание на главной странице у Лебедева - design.ru / artlebedev.ru логотип(сверху, справа), при наведении на него меняется цвет, причем сколько раз навести столько и поменяется. Объясните новичку как это сделать в рамках html и css? Спасибо.

    Asked by nouqart,

    0 votes
    6 answers

  24. SSI. Как прописать ссылки

    Делаю сайт. Решил основные блоки, которые повторяются на каждой странице (header, footer,menu) вынести в отдельные файлы и подключать при помощи SSI. С подключением разобрался: на главную страницу подключается шапка так: <!--#include virtual="header.html"--> а на страницу Доставка, <!--#include virtual="../header.html"--> на остальные аналогично. всё подключилось и выглядит хорошо, всё на своих местах. схема расположения элементов на странице такая: В шапке присутствует меню: главная доставка сотрудничество контакты главная index.html лежит в корне сайта остальные пункты из меню в шапке: delivery.html cooperation.html contact.html находятся в одной папке …

    Asked by Newbie,

    0 votes
    6 answers

  25. Прыгает правая колонка

    Всем привет, появилась такая проблема, никак не могу решить. http://www.searchenginejournal.ru/ Если, например, в Firefox обновлять, то правая колонка не сразу подгружается, а лишь через какое-то время. Надо сделать так, чтобы центрировалось всегда, а не прыгало. Заранее спасибо за помощь!

    Asked by donflash,

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