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
-
Съезжает маркер списка в конец строки
<h3>Заголовок H3</h3> <ul> <li>Первая строка;</li> <li>Вторая строка;</li> <li>Остальные строки...</li> ... </ul> Когда список идет после заголовка, маркер первой строки съезжает в конец строки.
0 votes7 answers -
что лучше - normalize.css или reset.css ?
что лучше? Или же каждый из них имеет свои + и - ?
0 votes14 answers -
Срочно! <textarea>
подскажите. почему в окне курсор для написания текста не отображается, а появляется только на границе окна. <div id="textarea"> <textarea rows="8" cols="50" > </textarea> </div>
0 votes7 answers -
xhtml vs html5
let's choose the winner
0 votes23 answers -
Как убрать отступы вверху страницы?
Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код: <!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]">&…
0 votes7 answers -
Переключатели(радиокнопки)
Друзья! У меня есть радиокнопка в ссылке. Сам <input> работает нормально, по ссылке переходит. Но когда я задаю для него display: none; , дабы скрыть и с помощью <label> красиво оформить эти кнопки, переход по ссылке уже не происходит, хотя оба тега завернуты в ссылку. Вопрос: как с помощью <label> переходить по ссылке? <li> <a href="{{ page }}/"> <input type="radio" name="point" id="slide1" checked> <label for="slide1"></label> </a> </li> css: .paginator a{ text-decoration: none; } .paginator li{ display: inline; } .paginator label:after { border: 2px solid black…
0 votes8 answers -
Скролбар в диве, опускание вниз
Нужно сделать мини чат, и требуется, чтобы сообщения в диве отображались внизу дива. Т.е. когда див чата оверфлоу (переполняется), и срабатывает прокрутка, нужно, чтобы старое уползало вверх, а див сам прокручивался вниз и показывал новые мессаги. Не соображаю, как сделать, подскажите, пожалуйста. Набросал примерный код для теста: (почему-то в фаерфоксе при добавлении строки из message в chat, содежримое chat выравнивается по центру, а при переполнении chat, прокрутка не появляется... помогите и с этим разобраться, пожалуйста) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <bod…
0 votes4 answers -
проблема с background'ом
background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>
0 votes9 answers -
Резиновая вёрстка с минимальной шириной центра
Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …
0 votes13 answers -
Зависает Dreamweaver CS3
Режим визуального отображения страницы. Печатаю текст, при переключении раскладки на другой язык иногда зависает намертво. Момент зависания точно определить не могу - может зависнуть, может и не зависнуть. Пытался найти клав. сокращение (может оно что еще там делает) shift+alt - не нашел... Помогите! В чем там проблема?
0 votes3 answers -
Как бы сверстать?
Уважаемые обитатели форума, помогите решить проблему. Дано: фиксированный макет, расположенный по центру, но справа должна тянуться резиновая линия до конца окна браузера. Всё содержимое помещено в один блок, который расположен по центру, справа от этого блока, должен быть блок с фоном, и тянуться до правого края. Вся соль в том, что с лева он нафиг не нужен, так что расположить его под основным блоком с шириной в сто процентов, не работает. Помогите пожалуйста, я уже всяко пробовал, но не могу додуматься, как это сделать. Должно быть кроссбраузерно. Если есть решение на таблицах, тоже принимается Вот ещё нарисовал для улучшения восприятия задачи. http://s59.radikal.ru/…
0 votes10 answers -
PIE.htc не фурычит
Скачал последнюю версию, подключил - там где применяется border-radius у элемента пропадает фон. Пробовал через pie.js - такая же фигня. Что я делаю не так? )
0 votes9 answers -
Как убрать рамку вокрук img
При просмотре сайта через google chrome и ie, у меню появляются серые рамки вокруг изображений. Как их можно убрать? border:none; outline:none; не помогают. Адрес сайта: http://global-plast.ru/ тьфу, нашел. Сделал <img, не вставил в него src, а сделал background-image
0 votes1 answer -
Проблема в firefox с "overflow"
В Фаерфокс возникла проблема с overflow: auto. Например, есть блок с display: table, а в нем два блока с display: table-cell, назовем их .one и .two. В блоке .two абсолютно позиционированный блок .child, количество контента в котором не известно, т.е при необходимости, у блока-родителя .two должна появляться полоса прокрутки. Я задал overflow: auto для этой цели блоку .two. Но в фаерфокс контент по-прежнему вылезает за границы, в хроме все нормально. В чем проблема, подскажите? Где-то я что-то упустил или это проблема в firefox? Вот ссылка, собственно, для наглядности: https://jsfiddle.net/wfq1z9u2/1/
0 votes9 answers -
Печать HTML
Помогите, пожалуйста!!! Как с помощью css сделать колонтитул при печати html???
0 votes2 answers -
Про таблицы и наследования
Скажем, есть таблица: ... ... ... ... Для того что бы, допустим, текст в этих ячейках был зеленым цветом мы можем написать: table.name td { color: green; } Вопрос: но, как мне сделать так, что бы зеленый цвет распространялся только на ячейки первой строки? Без присвоения класса первым ячейкам первой строки.
0 votes3 answers -
Помогите с отступами
помогите, кто может. не могу увеличить отступ от текста до формы. если же отступ увеличивается, то возникает проблема: текст и форма находятся на разном уровне (как бы на разных строках). как этого избежать? спасибо. <!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> New project </title> <style type="text/css"> .layer1 { padding-left: 80px; /* Отступ слева */ background-image:url(topfon.jpg); color: lightblue; /* Цвет шрифта */ } .ots { margin-left: 80px; /* Отступ слева */ pa…
0 votes7 answers -
Вставка картинки
Здравствуйте!!! У меня сложилась небольшая проблема возможно вы поможете мне её решить... К сожалению я не знаю как объяснить свою проблему техническими словами Поэтому объясню своими словами Мне надо вставить картинку на уже готовый сайт Картинка должна размещаться в строке адреса Прикладываю изображение чего я хочу достичь http://www.newsite-ip.ru/111.jpg
0 votes6 answers -
Верстка блока номера страницы
Ребят как одним дивом (кросбраузерно) например сделать такое, чтобы тянулось по ширине: <div class="number">10</div> Тянется только белый блок вокруг номера страницы с округлыми краями.
0 votes12 answers -
Пустой текст в диве
Всем привет, не раз сталкивался с проблемой когда в диве появляется, пустой текст (большое кол-во пробелов). Не могу понять откуда оно берется, просмотерл все файлы, ничего не нашел. Даже по удалял простые пробелы между строками, ничего Подскажите пожалуйста что делать? Выкладываю скриншот для лучшего понятия проблемы:
0 votes17 answers -
Плавающие блоки
Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?
0 votes22 answers -
разметить текст блока с кратким описанием языка HTML
Оберните текст «HTML» парным тегом <span> с атрибутом class и значением term. Оберните текст «HyperText Markup Language» парным тегом <span> с атрибутом class и значением hint. Оберните текст «Всемирной паутине» парным тегом <a> с атрибутом href и значением https://ru.wikipedia.org/wiki/Всемирная_паутина. Весь текст оберните парным тегом <p>. Оберните тег <p> парным тегом <main> с атрибутом class и значением content. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage (с…
0 votes1 answer -
Возможен ли такой трехколоночный макет?
Возможен ли такой резиновый трехколоночный макет? Сверху - заголовок, затем столбец таблицы слева, посередине - слой, справа - снова столбец таблицы, снизу - подвал. Нигде такого не видел, но хотелось бы использовать. Или можно применить только полностью табличную либо верстку только на слоях?
0 votes7 answers -
background внизу страницы
Помогите реализовать градиентный background, который прикреплен внизу страницы... Структура шаблона примерно такая: Верхний градиент Зеленая шапка Центр врапер зеленый футер нижний градиентУже много вариантов перепробывал... никак не могу заставить этот самый градиент залезть под самый низ... он у меня получается как второй футер, на всю свою высоту :'( CSS: div#gradient_bottom_l { position: absolute; z-index: -1; } div#gradient_bottom_r { position: absolute; bottom: 0; height: 302px; overflow: hidden; } div#gradient_bottom { background: url(../images/gradient_bottom.png) 0 0 repeat-x; height: 302px; } div#gradient_bottom_l { background: url(../images/grad…
0 votes4 answers -
Про svg и css
Может я что-то не так понял, но похоже, к инлайновым svg-элементам нельзя применять обычные цсс-стили (отступы, позиционирование, картинку на фон итд), точнее можно, но они не работают. Как тогда ровнять/позиционировать инлайновые svg-элементы?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-