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
-
(не)применение стилей к спискам
Здравствуйте! У меня вопрос, наверно оч. простой и наивный. В стилях для списков на сайте убраны маркеры UL { list-style: none; } Но в одном списке на сайте эти самые маркеры все же должны быть. Как для этого списка "отказаться" от общего стиля? Спасибо
0 votes8 answers -
как сделать рисунок поверх флэш?
надо чтобы флэш был ниже рисунка - z-index не помогает.
0 votes2 answers -
Пользовательские курсоры
Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html
0 votes5 answers -
Размер картинки в таблице в процентах
Как правильно задать размер картинки в таблице. Ситуация такая: Есть таблица с четырьмя колонками резиновая(по 25%). В одну из них надо запихнуть картинку на 100% ширины(пробовал уже и 90% - не помогает). Код: <!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=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0"> <tr> <td width="25%">123</td> <td width="25%">123</td>…
0 votes0 answers -
Сбивается <a name=""></a>
Огромные респекты сему братству! Переделываю в HTML очень интересную автобиографическую книгу. В ней много текста и фоток. Поначалу хотел фотки вставлять прямо в текст, по получилось криво - соотнести фотку с коротким абзацем сложно. Поэтому решил использовать фреймы: в левом узком фрейме разместил фотки, а в правом широком - текст, в котором поставил ссылки на фотки из левого фрейма: имхо достаточно удобно кликнуть на ссылку в тексте чтобы слева колонка промоталась на фотку. Вобщем, такой код: index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> </HEAD> <FRAMESET cols="2…
0 votes3 answers -
не работает align
В одном из тегов значение align="center" действует только в самом файле, а если выношу в CSS, то как будто его и нет. Отчего это может быть?
0 votes3 answers -
Вопрос о меню
Вопрос - БОЯН - сам знаю Перемещайте куда хотите - только ответте, пожалуйста! Как сделать такие меню, чтобы при нажатии(или наведении указателя) на его пункт оно меняло цвет(или рисунок). Блин! Ну, чесслово - пол-Гугли перерыл - один мусор! Дайте ссылку на статью, плиз! P.S. - за боян в морду не бить:/
0 votes2 answers -
Разный фоновый рисунок в ячейках таблицы...вопрос...
Стоит задача:есть строка в таблице из 4 ячеек в каждой ячейке свой фоновый рисунок...притом 1,2,3--фиксированные 4--резина на всю оставшуюся ширину...Вопрос: 1. Как корректно прописать фоновые рисунки в ячейках,чтобы мах. кода вынести в стили... 2. Есть ли смысл вписывать в ячейки DIVы и через их классы прописывать ф.картинки... З. В 4-той резиновой ячейке,что выгодно --вписать таблицу с width 100% или DIV с width 100%..(в ней тоже фоновый рисунок..) 4. Если в ячейку вписать DIV с указанием его высоты и ширины в CSS ,нужно ли продублировать эти значения для этой ячейки таблицы в коде HTML...(для упрощения просчета таблицы браузером..) Заранее спасибо...
0 votes5 answers -
Бланк для почты?
Подскажите как сделать шаблон: - есть список и пункты можно отмечать галочкой; - затем нажать кнопку заказать и открывается бланк, где перечисляется пункты заказа, есть строчка для заполнения ФИО, телефона и коментарий; - заполняешь все нажимаешь отправить и письмо отправлено. Какой шаблон бкдет под это все?
0 votes7 answers -
Засветление рисунка
Ребята, а сделать так, чтобы не создавать рисунок с изображениями, нормальной картинкой и засветленной и этот код использовать: .menu{ list-type-style:none; } .menu li,.menu a{ width:84px; height:30px } .menu a{ float:left; display:block; background-repeat:no-repeat; background-position: 0 0; } .menu a:hover{ background-position:0 -30px; } .menu .home{ background-image:url(images/button1.jpg); } А проще, как это сделать так чтобы было засветление рисунка, когда на него наводишь указатель мыши? Кажется это нужно делать на js, но нет под рукой примеров
0 votes15 answers -
Проверка полей без перезагрузки страницы
Есть форма отправки сообщений на email с сайта, хотелось бы чтобы страница не перегружалась, а было всплывающее окно на коректность вводимых данных в поля формы. Как там проще без лишнего к php форме прикрутить средства ajax? Есть у кого примеры?
0 votes8 answers -
как сделать фон страницы не через bgcolor
Здравствуйте. Сталкнулся с такой проблемой. купил программу автоматизации сайта с закрытым исходным кодом. Внизу каждой страницы добавляется копирайт (ч?рный шрифт, белый фон). Когда я меня на нужный мне фон(например красный), копирайт очень сильно выделяется из содержимого страницы. Вопрос такой, как можно сделать строку копирайта полностью белой, а пространство за пределами страницы красным bgcolor? Может быть с помощью таблиц, но тогда возникнет полоса прокрутки. Помогите кто может!
0 votes3 answers -
Заглушка для флеш
Ребята есть верстка для сайта, в шапке флеш, как сделать если пока не загрузилась флеш, то в шапке была фоном картинка, а после загрузки флеш была поверх этой картинки, как примерно на css это написать?
0 votes4 answers -
Кодировка
Здравствуйте! Столкнулся с проблемой. Вс? везде хорошо, а именно на одной странице сайта кодировка загружается турецкая ч? делать не знаю
0 votes8 answers -
Проблема с отображением изображений
Проблема такая. Работал я над сайтом. Потом по ряду причин пришлось переставлять систему(Windows XP). И вот в новой системе открываю сайт и вижу что некоторые изображения просто тупо не отображаются. Причем ни в Explorer ни в Opera ни в Firefox. Т.е. это какая то системная проблема. Причем картинки png, а Firefox, например, говорит что это gif да еше и размером 1х1 хотя картинка намного больше. Второй системой на компьютере стоит Linux с теми же IP/Gateway и там все открывается отлично. т.е. проблема не в прокси сервере тоже. комп в локальной сети, выход через прокси, сайт в интернете. Что и думать не знаю ...
0 votes10 answers -
Подскажите насчет FLOAT
Есть блочные элементы, при задании float для блока leftbar этот блок выезжает за пределы родительского блока maintext по высоте. Если float убрать то все становится нормально - высота родительского блока = контексту внутри. Нашел решение добавить блок-распорку со значением clear: both, но хотелось бы разобраться с этим явлением для своего образования. Можно ли это как нибудь исправить, заранее спасибо <html> <head> <style> #carrier { width: auto; background: gray; padding: 10px; margin: 0 10%; border: 1px solid green; } #maintext { width: auto; background: white; border: 1px solid red; } #leftbar { width: 200px…
0 votes5 answers -
Нужна помощь и разъяснение...
Кто сможет "на пальцах" объяснить в каком случае и где (практически....) надо применять селектор display...... Не сочтите за труд ..Заранее спасибо...
0 votes5 answers -
Критическая величина!
Незнаю правильно или не правильно я назвал тему но у меня вопрос достойный лягушатника! Каким образом сделать верстку дивами так чтоб при уменьшении окна браузера блоки не меняли своего положения (где то я читал что это называется критической точкой) В общем вот код <style type="text/css"> body,html { height:100%; background-color: blue; margin:0; padding:0; } a:link {color: #4f0100;text-decoration: none;} a:active {color: #4f0100;text-decoration: none} a:visited {color: #4f0100;text-decoration: none} a:hover {color: #4f0100;text-decoration: underline} #shapka { background-color: red; margin:auto; width: 100%; height: 148; } #s1 { float: left; position:…
0 votes2 answers -
Логический и физический сили.
В школе мне выдали листок с критериями по которым будет оцениватся работа (в моем случае сайт магазиина игрушек). И вот самым первым был:использование логических и физических стилей. Чесно говоря первый раз слышу о таких группах стилей. Если кому не сложно обьясните поподробней.
0 votes15 answers -
Помогите с бланком!!!
Необходимо сделать бланк на сайт, типа нажимаешь ссылку заказать что то, и открывается бланк заказа с необходимыми полями, заполняешь, нажимаеш отправить и все. Подскажите шаблон такого бланка, где его можно взять?
0 votes8 answers -
Мозилла не понимает padding?
Доброго дня! Помогите! У меня Мозилла 2 не понимает padding-right:15 px; а также в ячейке таблицы автоматом не перносит слова если места не хватает В Опере и ИЕ все ОК Спасибо!
0 votes11 answers -
CSS border у TR
Народ, а че за фигня, не подскажите - не работает сие свойство у TR? Как то уже сталкивался с этим, но особой нужды разбираться не было, а сейчас вот неплохо было бы узнать в чем тут дело. Если ответом на вопрос будет остутствие поддержки этого свойства, то предложите возможные пути его эмуляции... Благодарю... (_*_)
0 votes9 answers -
Doctype
Доброго времени суток! Кому не сложно обьясните пожалуйста как составляется Доктайп. Понимаю что вопрос тупой но у меня не было об этом написано в мануале по HTML, а щас интересно.
0 votes4 answers -
Паспарту
Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!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> <style type="text/css"> .paspartu p { float: lef…
0 votes14 answers -
Стили .
Всем привет ! Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки . есть код : #motioncontainer { margin:0 auto;/* Uncomment this line if you wish to center the gallery on page */ width: 600px; /* Set to gallery width, in px or percentage */ height: 150px; /* Set to gallery height */ } #motioncontainer a img { border: 1px solid #cccccc; /* Set image border color */ } #motioncontainer a:hover img { border: 1px solid navy; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-