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. Список покидает див

    Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...

    Asked by DeZ,

    0 votes
    0 answers

  2. Список похожих шрифтов, етсь такой?

    Есть макет, в нём большое количество распространённых платных шрифтов, нужно заменить эти шрифты бесплатными максимально-похожими. Если ли какой-нибудь такой список похожих шрифтов? сервис, или программа, не знаю

    Asked by 1284metra,

    0 votes
    2 answers

  3. Список приипает к картинке

    В ФФ у маркеров списка отступ слева, в ИЕ и Опере маркеры списка прилипают к картинке. Нужно сделать так, чтобы маркеры списка шли на одном уровне с абзацем, т.е. так, как отображается в ФФ. Кто-нибудь может помочь советом, как это сделать? <!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=windows-1251" /> <title>Untitled Document</title> </head> <style> *{ padding:0; margin: 0; } img{ float: left; margin-right: 20px; width: 185px; } li{ …

    Asked by mongoose,

    0 votes
    9 answers

  4. Список с float:left в Chrome

    Добрый день. Google Chrome некорректно отображает список, если внутрь <li></li> положить 2 блока, один из которых выровнять по левому краю через float: left. http://jsfiddle.net/5dLarwsk/ Почему нумерация списка вылазит на блок? Как это исправить? Firefox отображает нормально. Спасибо.

    Asked by edwinkkc,

    0 votes
    2 answers

  5. Список с возможностью ввода доп.записи

    Добрый день! Помогите с реализацией задумки. Имется таблица из 3-х столбцов. ip - ucastnik - address Нужно сделать форму для добавления новых данных так чтобы при добавлении была возможность указать несколько значений поля ip для одних значений ucastnik и address.

    Asked by Zvezdochet,

    0 votes
    11 answers

  6. Список с полем и таблица с данными

    Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.

    Asked by staindik,

    0 votes
    2 answers

  7. Список с разными маркерами

    Как правильно сделать список чтобы у каждого элемента списка была своя картинка-маркер? создал Вот такой список: <div id="menu8"> <ul> <li><a href="#1"><span id="one"> Подсолнух</span></a></li> <li><a href="#2"><span id="two"> Лютик</span></a></li> <li><a href="#3"><span id="three"> Ромашка</span></a></li> </ul> </div> сss-код: #menu { /** background: #333333; **/ float: left; width: 250px; height: 624px; margin-top: 10px; margin-right: 10px; border: 1 solid black; padding-right: 20px; } /* …

    Asked by Newbie,

    0 votes
    3 answers

  8. список с сортировкой по горизонтали

    Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?

    Asked by mstdmstd,

    0 votes
    7 answers

  9. Список с увеличиваюшимся отступом слева

    Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--

    Asked by jangot,

    0 votes
    8 answers

  10. Список сдвигается только в IE...

    Создаю список ul по центру вытянутый в строку. Все прекрасно, но почему-то именно IE сдвигает его вправо где-то на 20 пикселей. Если в "ul#links {...}" изменить "margin-left: auto;" на "margin-left: 0;", то в IE встает все по центру как надо, зато в других браузерах блок прилипает к левому краю! Что делать? Перепробовал все что смог... #main { text-align: center; } ul#links { text-align: left; margin-left: auto; margin-right: auto; list-style-type: none; margin-top: 0; padding: 5px 0 5px 0; width: 800px; } ul#links li { padding-left: 26px; list-style-type: none; background:url(pic/kr.png) no-repeat 10px 50%; display: inline; }

    Asked by kireyev,

    0 votes
    6 answers

  11. Список ссылок в диве

    Внутри ячейки возникла необходимость сделать список ссылок,то есть внтутри <td> я хочу сделать несколько ссылок, только каждая ссылка на следующей строке должна находиться/ Раньше делал таким коротким способом, сейчас чего-то этот способ не работает. Создал класс .d{display:block;} А потом в диве писал такое раньше и выходило, а сейчас не выходит: <div class="d"> <a href="#">Privet</a> <a href="#">Privet</a> <a href="#">Privet</a> </div>

    Asked by people2010,

    0 votes
    1 answer

  12. Список ссылок выровнить по горезонтале

    Здравствуйте! Есть вот такой html код который нельзя менять (кол-во строк можно задать по усмотрению) - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class"&gt…

    Asked by skillful,

    0 votes
    5 answers

  13. список ссылок с иконками слева

    Всем привет, Подскажите я хочу сделать список ссылок с иконками слева в коде вроде: <div class="widget"> <div class="widget-body padding-none"> <h4 class="innerAll bg-gray border-bottom margin-bottom-none">Settings Items</h4> <ul class="fa-ul innerAll"> <li> <a href="/business/scheduler/" class="fa heading glyphicons settings"><i></i>{"Appointments"|translate}</a> </li> <li> <a href="/business/clients/" class="hea…

    Asked by mstdmstd,

    0 votes
    2 answers

  14. список строкой

    Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!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" /> <link rel="stylesheet" type="text/css" href="sty…

    Asked by goodsik,

    0 votes
    2 answers

  15. Список типов товара в подкатегории

    Погите вывести список типов товавра в подкатегории. Нужно примерно так: -Имеем категорию HONDA; -несколько подкатегорий: Civic, Accord, CRV; -и типы товара: Свечи, колодки, фильтра, масла и т.д. Нужно получить: -выбираем хонда - открываются подгруппы - Civic, Accord, CRV (Тут все стандартно); - Выбираем, к примеру Civic (в стандарте выводятся товары отнесенные к этой подкатегории), а нужно получить список типов товара желательно с небольшой картинкой и в 2 колонки; - А при выборе типа товара должны выводиться товары отнесенные к этой подгруппе с нужным типом; к примеру: после выбора - HONDA/Civic/свечи/ - надо получить вывод свечей закрепленных за данной подкатегорией.

    Asked by vovik,

    0 votes
    2 answers

  16. Список файлов в директории.

    Удалите плиз тему....

    Asked by vvsh,

    0 votes
    2 answers

  17. Список шаблонизаторов

    Для тех, кто только ознакамливается с шаблонизаторами и выбирает, какой же предпочесть, большой список с кратким описанием (на англ. языке). http://www.whenpenguinsattack.com/2006/07/...ne-roundup/?1=1

    Asked by Vlad,

    0 votes
    3 answers

  18. Список, обтекающий картинку - невозможно?

    Нереализуемо через UL?

    Asked by Zverushka,

    0 votes
    2 answers

  19. Список, появляются отступы

    Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…

    Asked by YanaSt,

    0 votes
    6 answers

  20. список. как сделать?

    ————————————————————————————————————————————————-- в странице: <ul class="menu"> <li id="limargin"><a href="" class="limenu">пункт 1</a></li> <li id="limargin"><a href="" class="limenu">пункт 2</a></li> <li id="limargin"><a href="" class="limenu">пункт 3</a></li> </ul> в стилях к этому коду (выше который): ul.menu {width: 190px; list_style: none; margin: 0px; padding: 0px; font-size: 12pt; font-weight: bold; text-align: center;} #limargin {margin: 0px; margin-top: 2px…

    Asked by PEOP,

    0 votes
    7 answers

  21. Список[укрощение строптивого]

    Добрый день, уважаемые форумчане! Вопрос по сабжу следующий: есть список, например, в контейнере из div. Возможно ли ограничить высоту "блока" списка <ul></ul> таким образом, чтобы он часть элементов списка перекидывал вправо или влево по ширине контейнера? Другими словами, автоматически формировался в две или более колонки. Если это невозможно какое решение вы посоветуете, исходя из текущей задачи (разместить n-элементы из одной в две и более колонки автоматически)? Колонка, собственно, получается из простого перечисления элементов (например, "Рис", "Мука", "Масло") для которых я счел разумным применить разметку "список". Было: 1. Рис 2. Мука 3. Масло 4. М…

    Asked by geirbyfc,

    0 votes
    5 answers

  22. Сплошная линия от пункта меню

    Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }

    Asked by sergeyvolk,

    0 votes
    10 answers

  23. Сплошная линия при печати

    День добрый. Нужна вывести линии для подписи и даты. Например вот этого - Директор ______ И.И.Иванов; "___" ________ 20__ г. В html линия сделал с помощью клавиши "Shift" и повторяющего нажатия на клавишу клавиатуры. В предварительном просмотре же данные линии отображаются пунктиром. Как решить данный вопрос? Заранее спасибо.

    Asked by nik_neman,

    0 votes
    2 answers

  24. Сплошной текст без пробелов уходит за блок [на DLE]

    Когда вставляю обычный lorem все нормально показывается на странице, но если ввожу сплошной текст без пробелов (ттттттттттттттттт и т.д.) вижу следующие: http://joxi.ru/KAg8gDVhpx5Xrl Помогите решить данную проблему (сайт верстал сам. мб что нашкодил в коде или пропустил)

    Asked by dirty_prince,

    0 votes
    5 answers

  25. Спозиционировать картинку в тексте

    Привет народ,нужна помощь.........у меня не получатся вставить картинку в текст. пример: <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Имя пользователя (адрес электронной почты):<img src="http://static.panoramio.com/photos/small/70779155.jpg"> Пишите..... жду твоего ответа)..... </html> Нужно чтоб картинка с текстом сравнялась в HTML,желательно без подключения CSS.

    Asked by Irina11.86,

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