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. Гляньте плз в IE 8

    http://otdyhiturizm.ru/ У меня норм отображается, у заказчика нет. IE8 Пожалуйста, сделайте скриншот. Чтобы понять у кого браузер глючит.

    Asked by aTei,

    0 votes
    3 answers

  2. когда убираю фиксированную ширину блока , он перестаёт центроваться

    Всем привет! есть блок, в него завёрнуты ещё несколько дивов Задача - чтобы при любом количестве div class="zakl_button", они центрировались в итоге по центру div id="block" <div id="block"> <div class="zakladki"> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> </div> </div> вот код стиля #block { width:654px; text-align:center !important; } .zakladki { padding-top:3px; height:35px; text-align:center; width:585px; margin:0 au…

    Asked by cardsmoney,

    0 votes
    4 answers

  3. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake,

    0 votes
    2 answers

  4. В IE 8 сдвигается таблица внутри блока

    Внутри блока из дивов, находится таблица В мозиле все стоит ровненько, в Эксплорере, таблица находящаяся внутри блока съезжает вниз Пробовал и padding и margin применять как отступы блока с таблицей - одна фигня=( вероятно как-то на таблицу влияет содержимое вверхустоящих блоков В чем может быть проблема? Как с ней справиться? Спасибо!

    Asked by Benderbej,

    0 votes
    2 answers

  5. Помогите растянуть таблицу

    Здравствуйте. Структура моего сайта: Блоки слева, контент в центре, блоки справа. Возникла такая проблема: У людей, у которых разрашение монитора больше, чем 1024*768, происходит смещение центральной части влево (скрин для наглядности: http://s43.radikal.ru/i100/1002/52/2b27f30d9866.png). Привожу код: <body style="background-color:#f6f6f6; margin:0;padding:0;"> <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:3px"> <!-- Левая часть --> <!-- Gadget Describe --> <div class="Gadget"> <div class="GadgetSmoothTop"> </div> <div class="Gad…

    Asked by antisept,

    0 votes
    4 answers

  6. Смена css по клику

    В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…

    Asked by stars,

    0 votes
    11 answers

  7. Ширина ячейки со скрытыми элементами

    Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…

    Asked by lazybaby,

    0 votes
    16 answers

  8. Скроллинг в ячейке таблицы

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> .full{height:100%; width:100%; margin:0px;padding:0px; border:3px;} #scrollable-container {height:100%; width:100%; overflow: auto; position: relative; } #relative {min-height: 0; position: relative; width:100%;} label { display: inline-block;} label.error { width: auto; margin-left: 10px; color: red; font-style: italic; } label.ok { width: auto; margin-left: 10px; color: green; font-style: italic; } input.pole { width: 250px; border: 1px solid black; } input.error { border: 1px solid red; } </style> <sc…

    Asked by KVA,

    0 votes
    1 answer

  9. Фиксация фонового рисунка

    Здрасте, всем Есть сайт на php-fusion со скачанным шаблоном, который я перерисовываю. Собственно застрял на этом моменте: // theme settings $body_text = "#000000"; $body_bg = "#FFFFFF"; $theme_width = "100%"; $theme_width_l = "170"; $theme_width_r = "170"; function render_header($header_content) { global $theme_width,$settings; echo "<table align='center' width='100%' border='0' cellpadding='0' cellspacing='0' style='background-image:url(".THEME."images/header-center.gif);margin-top:0px;'><tr><td>"; // Header logo echo "<table align='center' style='background-image:url(".THEME."images/header-center.gif)' border='0' cellpadding='0' cellspacing=…

    Asked by Buzzard,

    0 votes
    3 answers

  10. Помогите закруглить углы.

    Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема. Кто знает, как сделать закруглённые углы в данной ситуации? То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать. CSS: p#vtip { display: none; font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; …

    Asked by Flashton,

    0 votes
    1 answer

  11. Как выровнять текстовые блоки

    Как выровнять текстовые блоки Как можно делать блоки ровным. От зависимости текста. Одного блока больше текст и остальные высота боки чтобы были ровным. http://my.jetscreenshot.com/1668/20100216-vozf-44kb.jpg

    Asked by xaero,

    0 votes
    3 answers

  12. margin: auto - как оно работает?

    Добрый день! Скажите пожалуйста как именно работает margin: auto? Тут сказано, что "Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером." Но не совсем ясно, как именно браузер будет автоматически рассчитывать отступы. Каким алгоритмом он руководствуется. Знающие, опишите пожалуйста этот процесс более детально

    Asked by alex_tihonko,

    0 votes
    3 answers

  13. Flash перекрывает выпадающее меню

    Добрый день! На сайте flash-баннеры перекрывают выпадающее меню. В фаерфокс и опере все нормально, только в ie8. Подскажите, пожалуйста, как можно от этого избавиться.

    Asked by nickgu,

    0 votes
    19 answers

  14. Во всех браузерах одинаково, только в Opera нет.

    Сколько верстаю, проблем таких не находил. В общем, надеюсь ваш опыт поможет. Попытаюсь описать ситуацию, сверстан на div-ах. Абсолютно все браузеры (Все версии IE, Google Chrome, FF, Safari, Avant, Opera 10 и др.) показывают одинаково правильно, но только Opera 8, 9 портит дизайн. В css прописано: width:980px; margin:0px auto; padding:10px; background:#ссс url(images/bg.gif); (bg - картинка размером 5 x 5 пикселей) Все браузеры отображают фон. Opera показывает только кусок 10px сверху. Проблема только в 8, 9 версии! Я не понимаю почему.

    Asked by Ritter,

    0 votes
    10 answers

  15. Слои дополняющию 100% ширины

    Подскажите как сверстать такую идею: 3 вертикальных блока, два крайних с заданной шириной, а третий должен дополнять до 100% ширины окна? <div id="menu"> </div> <div id="text"> </div> <div id="images"> </div> #menu{ position:relative; padding-top:150px; padding-right:50px; text-align:right; float:right; } #text{ position:relative; padding-right:20px; padding-left: 20px; text-align:right; width:auto; float:right; } #images{ position:relative; width:200px; float:right; } слой text должен дополнять, но не авто, не 100% не помогают.

    Asked by dima_mak,

    0 votes
    5 answers

  16. Выравнивание меню из списка. Абсолютное позиционирование. Как?

    Выравнивание меню из списка по центру. Абсолютное позиционирование. Как лучше сделать? CSS: * { padding: 0; margin: 0; } img { border: none; } li { list-style: none; } a { color: #333; } a:hover { color: #7dbb24; } .clear { clear: both; } #navig { position: absolute; top: 150px; left: 0px; right: 0px; height: 38px; width:100%; min-width: 1024px; background: #8a8b8b url(img/bgmenu.gif) repeat-x; text-align: center; } #navig ul { text-align: center; margin:0px auto;} #navig ul li { float: left; font-size: 12px; background: url(img/space.gif) no-repeat center right; padding: 10px 30px 10px; } #navig ul li a { color: #fff; text-decoration: none; font-s…

    Asked by setevoi,

    0 votes
    16 answers

  17. Небольшая, но очень интересная задачка по верстке.

    Дан вот такой код: <!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="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…

    Asked by Great Rash,

    0 votes
    55 answers

  18. Динамический просчет ширины таблицы

    Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при пер…

    Asked by MIT,

    0 votes
    4 answers

  19. Один div над другим

    Верстаю резиновый сайт на div-ах. Всего три блога: 2 слева один над другим, 3-ий справа. Проблема в том, что в разных браузерах отображается по-разному: если в FF всё нормально, то в IE div-ы либо наслаиваются... и наоборот. <div id="page"> <div class="sid"> <div class="trans"></div> <div class="text"> Боковая flash-колонка (sidebar)</div> </div> <div id="page"> <div class="name"> <div class="trans"></div> <div class="text"> Логотип (Dream Design)</div> </div> <div class="note"> <div class="trans"></div> <div class="text"> Основная часть (page)</div> </d…

    Asked by Sam Trammell,

    0 votes
    15 answers

  20. рубрикатор

    У меня сайт типа доски объявлений соответственно имеется рубрикатор в виде ссылок: автомобили; туризм; строительство и т.п. Какие теги лучше использовать для внутренней оптимизации? Могу ли я каждую рубрику обернуть например в <h4> или лучше в <strong>? Заранее благодарю.

    Asked by djoil,

    0 votes
    1 answer

  21. Куда девается цвет background?

    <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style> div.content { background: #ff0000; width: 100%; } li { list-style: none; } </style> </head> <body> <div class="content"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Еще одна страница</a></li> </ul> &lt…

    Asked by fr1ar,

    0 votes
    7 answers

  22. выравнять фон по центру

    собственно, вопрос как выравнять фоновую картинку по центру блока??

    Asked by cardsmoney,

    0 votes
    6 answers

  23. Широкий background, центрирование

    Добрый день. Делаю резиновый сайт. Намечается бэкграунд во всю ширину страницы. Как его отцентрировать грамотно??? Смотрю на широкоформатном монике - фон растянут, основной орнамент фона центрирован, а с краев, как у задумано, затемняется. Но на меньших разрешениях (1280, 1024) основной орнамент фона смещен в правой границе экрана! как можно ему указать центрирование всегда? Заранее спасибо!

    Asked by dron,

    0 votes
    6 answers

  24. Проблема с выравниванием

    Есть елемент: <input type="text" value="поиск по каталогу"> А так же стиль к нему: input { display:inline; float:left; height:28px; margin-top:6px; border:1px solid #dddddd; border-left:0; font:12px Arial, Helvetica, sans-serif; color:#6c6b6d; vertical-align:middle; } Как сделать так, чтобы во всех браузерах текст внутри елемента выравнивался по середине по вертикали? В даном случае он выводится так только в Опере. В Файрфоксе и ИЕ - выравнивается по верху

    Asked by Singer,

    0 votes
    3 answers

  25. float в ие-6 работает некорректно

    Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

    Asked by cratte,

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