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
-
Фон на весь екран.
Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png
0 votes10 answers -
Головоломка с отображением исходного кода
Имеются три блока. Например: HTML <div id="container"> <div id="block1"> <h2>Блок №1</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including v…
0 votes4 answers -
Знак рубля - ₶
Случайно на одном сайте наткнулся на спец. символ рубля ( ₶ ). 1. непонятно откуда он там? 2. почему у меня на комп-е он отображается только в FF и S, а на другом компьютер проверял, работает в O и в IE? 3. что такое эти спец. символы?
0 votes2 answers -
Глючит фон
Всем привет. Пришёл с очередной проблемой. Есть задача сделать фон в виде картинки, у дива .bg, который должен быть всегда растянут на 100%. Если окно браузера развернуто на весь экран - то вопросов нет. Всё хорошо. Но если окно браузера не весь экран, то возникает глюк, с пустым пространством. Сразу скажу, что поиски не увенчались успехом, т.к. не смог сформулировать запрос Поддержка IE6 - не нужна. Решение в виде таблицы с одной ячейкой - не устраивает. Вот код: CSS .bg { background: url('/fence.png') transparent 0 0 repeat-x; margin: 0 auto; max-width: none; min-width: 960px; padding: 80px 0 20px 0; position: relative; width: 100%; } .spec { margin: 0 auto;…
0 votes2 answers -
Помогите девушке с фоном!
Помогите кто-нибудь! Попросили сделать сайт! Я новичок в этом))))Решила попробывать-понравилось! У меня все фоны страниц-картинки...скачивала просто с инета в gpeg формате обои для рабочего стола.Вставляю в код...на моём расширении экрана всё ок! а вот на других,побольше....картинка в трёх экземплярах получается! как сделать так,чтобы она подстраивалась под все расширения экрана....или хотябы по бокам бы белый фон,а сайт посередине?
0 votes8 answers -
Ошибка отображения маркерированого списка в firefox
Добрый вечер. Возникает ошибка при корректном отображении странички в браузере firefox, хотя в таком проблемном браузере как ИЕ все как мне и нужно отображается. Сама ошибка обведена на примере 2 красным цветом. Прошу помочь. http://imm.io/2shp http://imm.io/2shq Код : Даю весь код странички CSS : a { text-decoration: none; color: #26303C; } table.a { border-collapse: collapse; margin-bottom: 0px; height: 100%; width: 970px; } table.b { color: white; height: -74px; width: 970px; } table.c { color: white; height: 55px; width: 970px; } ul { margin-top: 20px; line-height: 0.5; list-style-type: square; float…
0 votes3 answers -
inline-block в <a>
<a href="" style="display:inline-block; width:200px; height:50px; background-color:#CC0000;">test1</a> <a href="" style="display:inline-block; width:200px; height:50px; background-color:#990000;">test2</a> Буду краток. Реально вообще в этом случае избавиться от отступа? Чтобы ссылки шли вплотную. DIVы не предлогать, не катит. Если можно то как? Заранее спасибо.
0 votes7 answers -
Как изменить стрелку у тега <select>?
Нужно заменить виндовую стрелку у <select> на картинку. Почитал в инете и понял, что это решается через JavaScript. Хотел узнать какой самый лучший, по вашему, метод стилизации этого тега?
0 votes4 answers -
Проблема с колонками
В общем систуация такая. есть допустим 2 или 3 колонки, неважно. Необходимо сделать так чтобы при растягивании окна браузера в ширину растягивались все 2 или 3. но и при этом чтобы при сужении окна минимальная ширина каждой допустим была 400px. ну и соответственно между ними нужен отступ. float ставит рядом. я так понял нужно создать в середине пустой слой для отступа? даже если так у меня расширяется только правый а левый остается 400 =( с параметрами min-width и float че то не получается. подскажите. нужно так как на картинке. + чтобы при растягивании растягивались только коричневые слоя. а отступ сохранялся. спасибо.
0 votes2 answers -
Позиционирование div.
Добрый день. Проблема заключается в следующем: Верстаю шаблон только div блоками под DLE. В main.tpl див блоки с классами, а в style.css свойства этих классов. Все было нормально, но потом Header сайта съехал прямо на центр браузера и там теперь все время отображается. Не могу понять почему! Пожалуйста помогите. Main.tpl: <!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="{THEME}/css/style.css" /> </head&g…
0 votes4 answers -
Динамичное изображение по переносимым параметрам
hi Хоть лопни, но не могу заставить заработать отображение данных с видеокамеры. На главной странице системы видеонаблюдения размещена таблица с уменьшенным изображением потока от камер наблюдения, при клике по картинке камеры, вызывается новое окно с передачей в виде параметра строки порта сервера ( для разных камер он разный, вида view.html?port=8081 ), которое должно отобразить увеличенную картинку с этой камеры Порт передается без проблем, а на странице не могу отобразить объект img src с url склееным из адреса сервера и переданного номера порта Код этой страницы: <html dir="ltr" lang="ru"> <head> <meta content="text/html; charset=UTF-8" http-equiv="con…
0 votes5 answers -
Граница
LunatiK Границу поставил,увидел,сделал в html нужный отступ,но ничего не произошло(Только граница изменила положение)
0 votes12 answers -
От таблиц HTML к div-ам CSS
Здравствуйте! Помогите мне перейти от таблиц к div-ам, т.е. чтобы отображение было точно такое же, только на div в css. (Заменить собственно table, tr, td) Вот данные: <div id="info2"> <table height="100%" width="100%" border="0"> <tr> <td><div id="tabl"><a href="#"><b>1</b></a></div></td> <td><div id="tabl"><a href="#"><b>2</b></a></div></td> </tr> <tr> <td><div id="tabl"><a href="#"><b>3</b></a></div></td> <td><div id="tabl"><a href="#"><b>4</b></a></div>&l…
0 votes3 answers -
Поддерживает?
Мне интересно поддерживает IE 6 overflow: hidden;???
0 votes4 answers -
Ниспадающее меню в css и ие7
Решил недавно своими силами реализовать меню на css, помню, был такой пост, но поленился тогда его внимательно изучить... Короче вот. Всё нормально, не нормально IE7: меню вылезает не там где хочется. Кроме того почему-то из-за float: left; полностью блокируется вертикальное меню(class = “vrMenu”), тоже в 7. Кроме того, в коде есть пустой див без стилей, в самом начале, вот без него почему-то отступ сверху для меню не действует (тоже только в IE7 и ниже), почему? Ещё, будет приятно послушать критику в сторону дизайна... Особенно интересны комментарии по поводу обтекания меню...
0 votes13 answers -
Проблема с высотой таблицы
Добрый вечер. Можете помочь . Не могу верно задать высоту внутренней таблице – игнорирует. Нужно сделать так чтоб таблица которая имеет три внутренних таблицы имели свою высоту только верхняя и нижняя таблицы а таблица которая по середина должна будет сама рассчитывать свою высоту – высоту я к ней не задаю Высота главной таблице – 100% Высота верхней таблицы будет – 70px Высота нижней таблице – 55px Из этого получаем код : ??? Прошу помочь <body> <table height="100%" > <tr> <td> <table height="70px" bgcolor="gold" > <tr> <td> …
0 votes4 answers -
Скролл на странице
Делаю на Джумле,возникла необходимость сделать чтобы страница прокручивалась на один оборот мышки,то есть быстрее.Что за это отвечает? СПС)
0 votes2 answers -
Каким образом делается переадресация сайта
Был у меня когда-то сайт на народе (да и сейчас он там висит..)... теперь хочу новую версию разместить на платном хостинге... каким сделать так, чтобы пользователь вводя старое имя сайта автоматически попадал на новый сайт???
0 votes7 answers -
div меню со span'ами и justify
решил написать резиновое меню с простым концептом: <div id="menu"> <span>menu element 1</span> <span>menu element 2</span> <span>menu element 3</span> </div> на div решил указать text-align: justify и на кажды span небольшие горизонтальные padding'и. тоесть весь мой css выглядит так: #menu {text-align: justify;} #menu span {padding: 0 5px;} но текст не тянется на ширину div'a и располагается слева. нужен совет по исправлению или новый концепт (желательно первое).
0 votes3 answers -
Некоторые стили не применяются. Видимо что-то натворил в css стилях
CSS файл: table.listform {border-collapse:collapse; } .listform tr.sectiontableheader { font-weight:bold; vertical-align:middle; background-color:#eaeeff; } .listform td {padding:0px 1px 0px 1px; height:18px; vertical-align:middle; border:1px solid #eaeeff; font-size:11px;} .listform .sectiontableheader th { text-align:center; vertical-align:middle; text-transform:none; background-color:#296599;} #cityh td{ width:100px; text-align:center;} #cityhr .listform .sectiontablefooter td, .pagenav, .sectiontablefooter { text-align:center; } .listform .date { /*white-space:nowrap;*/ font-weight:normal; text-align:center; width:100px; font-size:11px; padding:1px 10px 1px 10px;} …
0 votes2 answers -
Не работает bgcolor в IE
Всем ку. Я новый участник. Сайт (htmlbook.ru) знал давно, а форум увидел только сейчас. Надеюсь вы мне поможете. С html знаком не очень давно, но учусь быстро, за пол года выучился, до 2-го места по раённой олимпиаде))) Сейчас делаю сайты для своего удовольствия. Денька три назад надумал создать сайт про сериал "Реальные Пацаны". Делал, делал, и наткнулся на то что есть блок с онлайн сериями, который будет каждый день изменятся. Страниц сайта будет прилично поэтому каждую страницу изменять это гемор. Искал как вставить другой html в первый (типо как подключение файлов .js) Нечего не нашёл кроме как <iframe> Мороки было тоже предостаточно, но кое как (косо) сделал. …
0 votes9 answers -
Position
Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???
0 votes2 answers -
фотографии в галерее
Вопрос про создание и выравниевании фотографий в моей галерее. Вот сейчас начал париться про правильно создание и ресайз картинок для галерее. Вот сайт, на котором это делаю: http://deluxe-okna.ru/blocks/parts/index.php?part=wedding . В общем я хочу спросить, правильно ли я понял или нет. В общем нельзя делать все фотографии в одну высоту и ширину да? Если фотка шире то она делается так, как мужик с девкой в меня на сайте, если же фотография больше в высоту то наоборот. Если это правильно то у меня вот ещё какой вопрос. Как мне сделать,чтобы фотографии типа мужика с девкой выравнивались по центру дива в высоту? Правильно я мыслю нет?
0 votes6 answers -
хелп
всем прив народ. есть такая проблемка. надо сделать http://s016.radikal.ru/i335/1012/5c/06172f5e2835.jpg из кусков http://www.sharemania.ru/0219942. Без понятия как это делать. Подскажите плиз. Было бы супер если бы код двух вместе сделанных элементов показали бы
0 votes1 answer -
Выравнивание строк в списках
Добрый день. Есть нумерованный список, некоторые элементы списка в 2 строки не помещаются. Что сейчас есть 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст А нужно 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст Это получается сделать таким кодом, но почему-то в IE8 строки расползаются в стороны. (В остальных браузерах нормально) .sidebar_items { list-style-position:inside; padding:0px 10px 0px 10px; margin:0px; } .sidebar_items li { text-indent:-25px; padding:10px 0px 10px 30px; color:#818181; border-bottom…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-