HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Список покидает див
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...
0 votes0 answers -
Список похожих шрифтов, етсь такой?
Есть макет, в нём большое количество распространённых платных шрифтов, нужно заменить эти шрифты бесплатными максимально-похожими. Если ли какой-нибудь такой список похожих шрифтов? сервис, или программа, не знаю
0 votes2 answers -
Список приипает к картинке
В ФФ у маркеров списка отступ слева, в ИЕ и Опере маркеры списка прилипают к картинке. Нужно сделать так, чтобы маркеры списка шли на одном уровне с абзацем, т.е. так, как отображается в ФФ. Кто-нибудь может помочь советом, как это сделать? <!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{ …
0 votes9 answers -
Список с float:left в Chrome
Добрый день. Google Chrome некорректно отображает список, если внутрь <li></li> положить 2 блока, один из которых выровнять по левому краю через float: left. http://jsfiddle.net/5dLarwsk/ Почему нумерация списка вылазит на блок? Как это исправить? Firefox отображает нормально. Спасибо.
0 votes2 answers -
Список с возможностью ввода доп.записи
Добрый день! Помогите с реализацией задумки. Имется таблица из 3-х столбцов. ip - ucastnik - address Нужно сделать форму для добавления новых данных так чтобы при добавлении была возможность указать несколько значений поля ip для одних значений ucastnik и address.
0 votes11 answers -
Список с полем и таблица с данными
Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.
0 votes2 answers -
Список с разными маркерами
Как правильно сделать список чтобы у каждого элемента списка была своя картинка-маркер? создал Вот такой список: <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; } /* …
0 votes3 answers -
список с сортировкой по горизонтали
Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?
0 votes7 answers -
Список с увеличиваюшимся отступом слева
Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--
0 votes8 answers -
Список сдвигается только в 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; }
0 votes6 answers -
Список ссылок в диве
Внутри ячейки возникла необходимость сделать список ссылок,то есть внтутри <td> я хочу сделать несколько ссылок, только каждая ссылка на следующей строке должна находиться/ Раньше делал таким коротким способом, сейчас чего-то этот способ не работает. Создал класс .d{display:block;} А потом в диве писал такое раньше и выходило, а сейчас не выходит: <div class="d"> <a href="#">Privet</a> <a href="#">Privet</a> <a href="#">Privet</a> </div>
0 votes1 answer -
Список ссылок выровнить по горезонтале
Здравствуйте! Есть вот такой 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">…
0 votes5 answers -
список ссылок с иконками слева
Всем привет, Подскажите я хочу сделать список ссылок с иконками слева в коде вроде: <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…
0 votes2 answers -
список строкой
Создал список строкой через 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…
0 votes2 answers -
Список типов товара в подкатегории
Погите вывести список типов товавра в подкатегории. Нужно примерно так: -Имеем категорию HONDA; -несколько подкатегорий: Civic, Accord, CRV; -и типы товара: Свечи, колодки, фильтра, масла и т.д. Нужно получить: -выбираем хонда - открываются подгруппы - Civic, Accord, CRV (Тут все стандартно); - Выбираем, к примеру Civic (в стандарте выводятся товары отнесенные к этой подкатегории), а нужно получить список типов товара желательно с небольшой картинкой и в 2 колонки; - А при выборе типа товара должны выводиться товары отнесенные к этой подгруппе с нужным типом; к примеру: после выбора - HONDA/Civic/свечи/ - надо получить вывод свечей закрепленных за данной подкатегорией.
0 votes2 answers -
Список файлов в директории.
Удалите плиз тему....
0 votes2 answers -
Список шаблонизаторов
Для тех, кто только ознакамливается с шаблонизаторами и выбирает, какой же предпочесть, большой список с кратким описанием (на англ. языке). http://www.whenpenguinsattack.com/2006/07/...ne-roundup/?1=1
0 votes3 answers -
Список, обтекающий картинку - невозможно?
Нереализуемо через UL?
0 votes2 answers -
Список, появляются отступы
Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в 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…
0 votes6 answers -
список. как сделать?
————————————————————————————————————————————————-- в странице: <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…
0 votes7 answers -
Список[укрощение строптивого]
Добрый день, уважаемые форумчане! Вопрос по сабжу следующий: есть список, например, в контейнере из div. Возможно ли ограничить высоту "блока" списка <ul></ul> таким образом, чтобы он часть элементов списка перекидывал вправо или влево по ширине контейнера? Другими словами, автоматически формировался в две или более колонки. Если это невозможно какое решение вы посоветуете, исходя из текущей задачи (разместить n-элементы из одной в две и более колонки автоматически)? Колонка, собственно, получается из простого перечисления элементов (например, "Рис", "Мука", "Масло") для которых я счел разумным применить разметку "список". Было: 1. Рис 2. Мука 3. Масло 4. М…
0 votes5 answers -
Сплошная линия от пункта меню
Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #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; }
0 votes10 answers -
Сплошная линия при печати
День добрый. Нужна вывести линии для подписи и даты. Например вот этого - Директор ______ И.И.Иванов; "___" ________ 20__ г. В html линия сделал с помощью клавиши "Shift" и повторяющего нажатия на клавишу клавиатуры. В предварительном просмотре же данные линии отображаются пунктиром. Как решить данный вопрос? Заранее спасибо.
0 votes2 answers -
Сплошной текст без пробелов уходит за блок [на DLE]
Когда вставляю обычный lorem все нормально показывается на странице, но если ввожу сплошной текст без пробелов (ттттттттттттттттт и т.д.) вижу следующие: http://joxi.ru/KAg8gDVhpx5Xrl Помогите решить данную проблему (сайт верстал сам. мб что нашкодил в коде или пропустил)
0 votes5 answers -
Спозиционировать картинку в тексте
Привет народ,нужна помощь.........у меня не получатся вставить картинку в текст. пример: <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.
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-