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
29542 questions in this forum
-
подстройка размера фоновой картинки под разрешение
подскажите чайнику, как сделать так, что бы фоновая картинка,при разных разрешениях экрана, заполняла 100% экрана и при этом не появлялась полоса прокрутки
0 votes10 answers -
Проблемма с inline-block в Safari
Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .
0 votes5 answers -
Премодерируемый форум на PunBB
Подскажите плиз, можно ли сделать премодерируемый форум на PunBB? То есть чтобы пост сначала приходил к модератору, и тот либо публиковал его, либо отказывал?
0 votes16 answers -
Помогите разобраться
На главной странице сайта (примерно в середине) образуется разрыв в тексте, пустой абзац. Наблюдаю его только в IE6. Как побороть? Сайт http://www.aquapage.ru Спасибо за помощь.
0 votes12 answers -
ячейка не заполняется полность
начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом
0 votes7 answers -
Перенос строк таблицы при печати
Здравствуйте. На aspx странице с помощью xml/xsl преобразования формируется документ, в котором есть таблицы с объединенными ячейками (вот фрагмент таблицы). <tr > <td rowspan="3">ИТОГО 1</td> <td>Text 1</td> <td>Text 2</td> </tr> <tr> <td>Text 3</td> <td>Text 4</td> </tr> <tr> <td>Text 5</td> <td>Text 6</td> </tr> (я извиняюсь, но вставить в пост таблицу не удалось) Проблема в следующем. При печати, если лист заканчивается поле второй строки tr (где в ячейках Text 3 / Text 4), то на следующей странице печатается следующая строка tr (где в ячейках Text …
0 votes1 answer -
Как растянуть контент до подвала
Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru html <!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" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…
0 votes8 answers -
Табуляция с точками
как сделать такой вот макетик резиновый div —————————————— | Машин..............................10| | Велосипедов.....................5| | Мотоциклов.......................4| | | —————————————-- Тоесть получается что часть текста выравнивается по левому краю, часть по правому а между ними всегда должно быть много много точечек чтобы закрывали пустое пространство. Есть ли какие нибудь стандартные средства для реализовки такого, или придется выкручиваться танцами с бубном ??
0 votes9 answers -
чем заменить <div align="center"> для strict типа документа ?
<div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?
0 votes4 answers -
Знак '-' в HTML
Пишем " -1 "в IE выводит 1- , а мне нужно -1, как с этим бороться?
0 votes6 answers -
Выпадающее горизонтальное меню
Здравствуйте! Нужна помощь знатоков ибо таким я к сожалению не являюсь! Проблема заключается в том, что у меня есть горизонтальное меню построенное на списках. Чтобы центрировать его я использовал вот эту схему: #buttons{ float:left; position:relative; left:50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:-50%; } #buttons li{float:left;position:relative;}/* ie needs position:relative here*/ #buttons a{ text-decoration:none; margin:10px; background:red; float:left; border:2px outset blue; color:#fff; padding:2px 5px; text-align:center; white-space:nowrap; } #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;} #content{overflo…
0 votes9 answers -
Фоновая картинка в <li>
Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.
0 votes13 answers -
position: absolute; Хорошо или плохо?
position: absolute; Хорошо или плохо? Без контекста, в общем. Почему да? Почему нет? Почему можно и нужно, а почему не нужно и нельзя?
0 votes7 answers -
вопрос в расположении блоков.
не получаеться сверстать по такому шаблону вся проблема заключается в том сто эта конструкция должна держать форуму. не зависимо от того сколько текста будет в той или Инной колонке.. если больше текста в какойто колоник, то блоки должны растягиваться в низ. если меньше то подтягиваться в верх держа конструкцию ровной. пока что наш?л решение только с использование псевдоколонок. но этот вариант не подходит. покрасней мери для всей страницы... намекните, что придумать тут? или использовать таблицы?
0 votes10 answers -
Как сделать элемент на всю ширину страницы с прокруткой
Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…
0 votes4 answers -
Резиновая верстка в 3 колонки
Можно-ли и как реализовать резиновую верстку блоками в 3 колонки, с условием, что если удалили 3 колонку, вторая тянется до правого поля броузера.
0 votes18 answers -
подключения таблицы стилей
<link rel="stylesheet" type="text/css" href="http://www.mysite.ru/main.css"> - не понимаю откуда и как здесь подключаются стили?
0 votes16 answers -
Сдвигаются элементы списка при наведении
http://web-diva.ru/Verstka/Stroit_Kaluga/ Слева менюшка, в ИЕ7 при наведении ссылка меню сдвигается, образуется зазор и вообще "прыгает" весь список, кроме первого и псоледнего элементов. Помогите разобраться, что за глюк?
0 votes11 answers -
width для IE6, IE7 и FF
Какой width будет у элемента для IE6, IE7 и FF: #element { width: 100px !important; width: 60px ; } PS: Убедительная просьба - объяснить по максимуму
0 votes12 answers -
высота ячейки при 100% hieght таблицы в IE
есть талица, которая растянута на 100% по высоте в ней 3 строки: верхняя и нижняя с фиксированной высотой, средняя все остальное место. вот я не понимаю почему, но ие (7..в 6 не проверял, но думаю тоже самое) не смотря на фиксированную высоту всеравно растягивает эти ячейки по высоте. <table class="table"> <tr> <td colspan="2" class="up"></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td height="90"></td> <td height="90"></td> </tr> </table> html, body{ margin:0; padding:0; height:100%; } .table{ height:100%; } .up{ height:224px; } * код сократил.…
0 votes16 answers -
Не работает выравнивание по центру в IE8
Не работает выравнивание по центру в IE8 сайт http://wowzoloto.ru/ #PageWrapper { margin:0 auto; padding:25px 0 0; width:990px; }
0 votes12 answers -
Почему Могут Не Отображатся Картинки?
http://www.jam-tver.com/index.php?case=friends Там должны отображаться картинки и линии, ссылки вроде правильные, и файлы в нужной папке есть. В чём может быть проблема?
0 votes7 answers -
Валидация FROM
Создаем простенькую страничку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251"> </head> <body> <form action="http://yandex.ru" name="form1" method="GET"> <p> <input name="myname" type="text" size="40"> <input type="submit" value="Отправить"> </p> </form> </body> </html> Валидация - ок. Убираем <p> и </p> в <form>: валидация дает 3 ошибки. Подскажите почему так происходит? Или где об этом можно прочи…
0 votes16 answers -
Резиновая ячейка в таблице
Здравствуйте. Пытаюсь сверстать меню. Столкнулся с проблемой: ни в какую не хочет растягиваться под нужную высоту ячейка под номером 2 (см. скрин). Высота верхней и нижней ячеек жестко заданы. и содержат градиентный фон. Вторая ячейка просто залита цветом (в данном случае красным). Как можно заставить ее растянуться до необходимой высоты? (на скрине она растянута вручную а так получает высоту 0) HTML & CSS: <div id="navigation"> <table cellpadding="0" cellspacing="0"> <tr> <td rowspan="3"> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV …
0 votes11 answers -
Спецификация
Спецификация CSS2: Значения свойства 'display': - compact Это значение свойства в зависимости от контекста созда?т структурный или строковый блок. Применение свойства к инициальному или компактному блоку осуществляется, исходя из его окончательного статуса (является ли он строковым или структурным блоком). Например, свойство 'white-space' применимо, только если блок становится структурным. Кто-нибудь может ЭТО объяснить _человеческим_ языком? Где это может быть применено с пользой?
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-