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 МАРИЯ 55,

    0 votes
    2 answers

  2. Списки определений - нумерация возможна?

    Пишу вот такое правило: dt { list-style:decimal outside none; } Не срабатывает. Можно ли все таки с помощью css добавить нумерацию именно к списку определений?

    Asked by warobushek,

    0 votes
    7 answers

  3. Списки определений Dl dd dt

    Перерыла много инфы по этим спискам, но она минимальна. На одном сайте наткнулась о проблемах отображения в опере, что ссылка в DD некликабельна и прочее. В общем гемморой. Хотела глянуть на яндексе как реализовано, но внезапно обнаружила новую 12ю версию яндекса, где их уже не было . У меня на сайте есть 4 блока, все они Featured Services. Представляет из себя картинаку слева, заголовок (термин) и внизу краткое описание - по сути определение. Только вот, чтобы сделать такой блок, мне надо запихнуть внутрь DL лишние дивы, сделать ссылки... А можно ли? Ответа на w3.org я не нашла... Получается, если использовать списки я получу следующий код: <dl class="featured_servi…

    Asked by Zverushka,

    0 votes
    5 answers

  4. списки с иконками. выравнивание

    подскажите пожалуйста как выравнять строки списка относительно иконки красиво когда однострочный элемент списка имеет такое выравнивание красиво когда многострочный элемент списка имеет такое выравнивание а возможно ли эти 2 способа объединить. так чтобы контент-менеджер не задумывался о количестве строк и выравнивании? здесь я решил проблему неправильно. прописал величину смещения по вертикали каждому элементу списка .info2_inner ul li{padding-left: 47px;background: url('../images/info2_icons/icon1.png') left top no-repeat;min-height: 42px;padding-top: 9px;padding-bottom: 20px;color: #000;font: 16px/20px arial, sans-serif;text-align: left;}.info2_inner ul li:nth-…

    Asked by cyklop77,

    0 votes
    4 answers

  5. списки с разделителями

    сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель

    Asked by cyklop77,

    0 votes
    19 answers

  6. Списки форм + Ссылки (я наверное дурак?)

    Хочу сделать так, чтобы список, который выпадает с формы, по клику на него, срабатывал, как ссылка. Если не правильно объяснился, я думаю из кода все станет понятно. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Группа</title> </head> <body> <p><b>Приключения электронников</b></p> <form> <select> <option>Выбрать альбом</option> <option><a href="http://#">Прекрасное далёко</a></option> <option>&…

    Asked by romanist,

    0 votes
    3 answers

  7. Списки цвет маркера

    Помогите! Можно ли изменить в списке цвет только маркера?

    Asked by witgen,

    0 votes
    1 answer

  8. Списки: расстояние между значком и текстом

    Можно ли как-то в списках влиять на расстояние между значком и текстом? На рисунке обозначено красной стрелочкой

    Asked by Колос,

    0 votes
    4 answers

  9. Списки!

    Всем привет!У меня возникла небольшая проблемка!Дело в том,что я создаю одну менюшку,не очень сложную,и в процессе создания дабы списки отображались друг за другом я прописал свойство "display:inline-block" и вот вроде бы все стало нормально.И тут показывают мне фигуМежду тегами <li> образовался пробел!(Ну или расстояние)Что делать? Проблема решена

    Asked by ELBegemotos,

    0 votes
    2 answers

  10. Список

    Подскажите, пожалуйста, как сделать нумерованный список с прописными буквами русского алфавита.

    Asked by zph,

    0 votes
    1 answer

  11. Список "секретных опций" для IEшных условных комментов

    Подскажите, пожалуйста, где найти инфу про всевозможные <!--[if gte mso 9]>, <!--[if gte vml 1]> и другие полезные опции условных комментов, не перечисленные на официальной страничке MSDN? В идеале хочется видеть список всех значений, которые можно туда засовывать. Пытаюсь найти способ натравлять CC не на версии, а на конкретные фичи, чтоб не редактировать их без конца при локальном тестировании под Multiple IE (и вообще для надежности). Поиск юзал, но, увы, безуспешно... Заранее спасибо за подсказку!

    Asked by SelenIT,

    0 votes
    0 answers

  12. Список (нестандартный) select

    Приветствую! Скажите пожалуйста, если кто в курсе. В процессе наработки опыта в верстке, столкнулся с такой проблемкой. В общем нужно стилизовать select, но ума не приложу с какой стороны к этому подступиться. Есть много решений. Но в силу моих еще не высоких познаний очень хотелось бы прояснить у знающих людей, лучший способ этого добиться. Подскажите оптимальный способ делать нестандартный select. Каким обычно способом этого добиваются опытные верстальщики? Спасибо!

    Asked by RekunWeb,

    0 votes
    3 answers

  13. Список <ul> - маркер меняет межстрочное расстояние

    Есть такая проблема: Нужно сделать список, причем один пункт списка пометить маркером-картинкой. Когда помечаю, маркер-картинка располагается вроде бы как надо, но текст сдвигается на несколько точек вниз, и как следствие, 1) располагается не против маркера а ниже 2) расстояние между помеченным пунктом и предыдущим становится больше. Код: <style type="text/css"> ul { line-height: 25px; list-style-type: none; font-size: 15px; /* а это вроде к вопросу не должно иметь отношение, но для приближенности к реальной ситуации пусть будет */ font-family: Arial Narrow; font-weight: bold; text-transform: uppercase; } li.marker { …

    Asked by rgl,

    0 votes
    2 answers

  14. список Latest Posts расположен криво

    Подскажите на странице Invalid post Внизу список Latest Posts расположен криво - с пустыми местами заместо постов. Эта проблема только на нескольких постах - на остальных (valid post ) нормально... Как это исправить? Спасибо!

    Asked by mstdmstd,

    0 votes
    1 answer

  15. Список li в несколько колонок

    Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…

    Asked by ShumNo,

    0 votes
    11 answers

  16. Список li и noindex

    Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/"&gt…

    Asked by efendi,

    0 votes
    3 answers

  17. Список OL в столбце таблице

    Идея такая: Имеется таблица с 6ю столбцами, в ём хотелось бы иметь постоянно увеличивающийся id (на подобие auto_increment MySQL). Строки таблицы выводятся динамически из БД, но брать id строки или инкремент цикла не хочется. Хочется по-пацански - чтоб список был =) Для этого нужно затолкать список ol-li в таблицу, или таблицу в список или как? Чё-то голова не может сообразить =) Подскажите, кто сталкивался или кто придумал решение.

    Asked by mishaga,

    0 votes
    11 answers

  18. список блоков в строку с динамичной шириной ячейки

    div#container{width:700px} div#container .el{float:left} <div id="container"> <div class="el">value</div> <div class="el">value</div> <div class="el">value</div> </div> Есть div#container с width="700" Хочется внутри этого div#container разместить в строку несколько других блоков div.el. Ширина этих блоков должна динамически расчитываться, таким образом чтобы все div.el по сумме ширины занимали все место в родительском div#container. Количество блоков заранее не известно, поэтому прописать ширину для блоков статично нельзя. использование div или p или ul/li не принципиально.

    Asked by amt779,

    0 votes
    2 answers

  19. Список блоков с разным вертикальным выравниванием

    Кто-нибудь знает, как сделать так: Пробовал способ Чикуёнка, но там блоки в плотную не становятся.

    Asked by miloslovesky,

    0 votes
    11 answers

  20. Список блоков с разным вертикальным выравниванием и ховер

    Переделываю список товаров. Выравняла изображение и название товара поверху, а цену и кнопку купить понизу, как тут http://chikuyonok.ru/2011/04/inline-vertical-align/ Вот бьюсь, не могу сделать ховер для блока с товаром, если это вообще возможно. Прошу помощи! Ссылка http://jsfiddle.net/vera17/kk459/1/

    Asked by vera17,

    0 votes
    2 answers

  21. список в 2 столбца

    помогите пожалуйста решить проблему есть список в блоке определённой высоты. высота списка больше высоты блока, поэтому он отображается в 2 колонки у меня не получается сделать так чтобы сначала заполнялась пунктами списка первая колонка, затем вторая. выглядит это так устроит даже css3-решение. в крайнем случае - js

    Asked by cyklop77,

    0 votes
    2 answers

  22. список в 3 колонки

    Уже перепробывал все что в голову влезло, ничего не получается, если бы див этот не должен был тянуться вниз по содержимому, то через float нормально было бы, но он должен тянуться и хоть убей не могу ничего придумать, может кто сталкивался, подскажите пожалуйста. http://itmages.ru/image/view/374183/fec8a140

    Asked by necro,

    0 votes
    7 answers

  23. список в Opera

    Меню сайта выводится списком. Но в опере между элементами списка пояляются промежутки. В стилях заданы нулевые отступы. Как испраить или где почитать про это?

    Asked by top-top,

    0 votes
    4 answers

  24. Список в абзаце

    Нужно ли обрамлять список тегом <p>, если в абзаце есть только список?

    Asked by apexis,

    0 votes
    2 answers

  25. Список в два столбца.

    Всем привет. Есть проблема: В определенном блоке сайта на wordpress нужно вывести показ свежих новостей так, чтобы они отображались не просто списком, а в два горизонтальных столбца. То есть, два столбика, в каждом по 5-6 новостей. Сейчас это выглядит так: <ul> <?php $recent = new WP_Query("cat=1&showposts=5"); while($recent->have_posts()) : $recent->the_post();?> <li><a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_title(); ?> </a></li> <?php endwhile; ?> </ul> Помогите, пожалуйста, оформить это в css Заранее благодарен.

    Asked by blackdisk,

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