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
-
Отображение сторонних шрифтов на сайте
Добрый день. Подскажите пожалуйста, можно каким-либо образом отобразить на своем сайте сторонние шрифты (*.ttf файлы). Только не как имэйджи, а именно как сам font. Возможен ли такой вариант в (x)html, если нет, но может есть какой-то способ отобразить их при помощи css или javascript?
0 votes3 answers -
Ширина 3-ей колонки
Вот есть у меня главный слой. В нём 3 колонки, 2 заданной ширины, а 3-я что бы сама растянулась на оставшееся место, а как - подскажите. Параметр height: 100% только переносит колонку на новую строку и растягивает во всю ширину главного слоя. height: auto растягивает колонку в зависимости от содержимого. А больше я незнаю чего бы применить.
0 votes3 answers -
Занятный ослиный косяк
Есть вот это, надо смотреть в IE6 и IE7. <!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> <style type="text/css"> <!-- DT{width:12em;} DD{width:18em; margin-left: 12em; margin-top:-1.2em;} INPUT, SELECT{width:100%;} --> </style> </head> <body> <form method="get" action="#"> <dl> <dt><label for="id1">Поле:</label></dt> <dd><in…
0 votes14 answers -
Подскажите как сделать пробел между двумя банерами
Привет спецам ! Подскажите как сделать пробел между двумя банерами, ( два банера размещены по горизонтали, в плотную один к одному ! Как сделать чтобы они были на расстоянии примерно хотя бы на расстоянии пару миллиметров друг от друга ?????
0 votes4 answers -
width 100% ie6 must die
Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: r…
0 votes4 answers -
упорядоченные списки
задаю стили для <ol><li></li></ol> все получается, только нумерация списков остается такой же, как быть, подскажите пожалуйста
0 votes11 answers -
При открытии ссылки во фрейме - поднять полосу прокрутки вверх ?
Здравствуйте. Такая ситуация: Есть индексный документ с большим списком ссылок, который открывается во фрейме. Список длинный и на экран не помещается - появляется полоса прокрутки. И проблема заключается в том, что если нажимать на ссылку, которая находится внизу списка, то документ открывается в этом же фрейме, но его не видно сразу, т.к. мы находимся внизу бегунка. Приходится пониматься вверх по полосе прокрутки чтобы увидеть документ.. Как можно подниматься вверх страницы после открытия ссылки ?? Надеюсь понятно объяснил Спасибо заранее.
0 votes7 answers -
Многоуровневое горизонтальное меню
Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color…
0 votes7 answers -
-x-...css
Часто встречаю теги наподобии -x-system-font или -moz-... . Обьясните, если не трудно начинающему, что это ?
0 votes3 answers -
favicon: .ICO или все-таки .PNG (a W3C standard) ?
Всем привет! Почему почти на всех сайтах код начинается с <!DOCTYPE HTML PUBLIC "-//W3C//DTD... - то есть получается что код валиден по стандартам W3C. Но почему же тогда везде используется favicon.ico вместо favicon.png? Посмотрите тут http://www.w3.org/2005/10/howto-favicon <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en-US"> <head profile="http://www.w3.org/2005/10/profile"> <link rel="icon" type="image/png" href="http://example.com/myicon.png"> […] </head> […] </html> И если кто-то врубится зачем юзать profile пожалуйста отпишите тоже
0 votes4 answers -
Резиновые трехколоночные макеты
Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)
0 votes11 answers -
Как прижать футер к низу, после блоков с float.
Запутался. Сайт двухблочный, с левым float и с правым float в основном блоке с фикс. шириной. Нужно прижать футер к низу. Что делаю: body, html - height 100% основной блок - min-height 100% распорка - height: 80px, clear: both футер - height: 80px, margin-top:-80px, width:100% Метод работает, только если левому и правому блоку (которые с float) задать фиксированную высоту, а если убрать, то метод уже не работает.
0 votes10 answers -
div внутри head
Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.
0 votes5 answers -
0 votes5 answers
-
В Mozilla cлои перескакивают, в IE - нет
Привет! Есть небольшие непонятки относительно поведения двух слоев в контейнере при использовании min-width: в IE слои слушаются этот min-width и не перескакивают друг под друга, а в Mozilla - перескакивают... Это почему происходит и как это вылечить. Код дивов: <div id="menu_niz"> <div id="menu_niz_left"></div> <div id="menu_niz_right"></div> </div> CSS: #menu_niz { position:absolute; width:100%; height:47px; top:100%; left: 0; margin-top: -92px; z-index:4; color: #FFFFFF; font-family: Tahoma, Verdana, Arial; font-size:14px; font-weight:bold; min-width: 965px; } #menu_niz_left { float:left; margin: 15px 0 0 5px; co…
0 votes6 answers -
Не получается правильно задать слои
Почему слои нехотят быть на своих местах, все съезжает? Это сама страница: <body> <div id="headmenu" > Голова </div> <div id="mainmenu" > Цент </div> <div id="rightmenul" > Правая колонка </div> <div id="leftmenu" > Левая колонка </div> <div id="footmenu" > Нижняя </div> </body> Из этого видно, что хочу разделить страницу на 5 частей: Вот css, как делил: html, body{ margin:0; padding:0; } #headmenu{ position:top; height:70px; background-color:#AAAAA0; width:100%; } #leftmenu{ width:200px; float:left; position:relative; background-color:#AAAA00; } #mainmenu{background…
0 votes5 answers -
Учебник JSP
Пожалуйста, подскажите, хороший самоучитель JSP, чтобы быстро вникнуть в синтаксис языка и разобраться. Хорошо бы не книжку, а ресурс в интернете. Если кому попадался online учебник, подобный htmlbook.ru, поделитесь ссылкой. Заранее благодарен.
0 votes3 answers -
js. Проверка корректности email
Здравствуйте, искал материал как осуществить проверку email. Нашел и очень много, но почему то они все разные. Трудность состоит в выборе регулярного выражения: /[a-z0-9-_]{2,1000}\@[a-z0-9\-\_]{2,100}\.[a-z0-9]{2,4}/gi; /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i/^\w+@\w+\.\w{2,4}$/i;/^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;/^(("[\w-\s]+")|([\…
0 votes3 answers -
При использовании png.htc, в iE6 невозможно выделить текст
Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.
0 votes7 answers -
переход от страницы html на страницу php и обратно
вопрос такой: может ли сайт состоять из страниц php и html? то есть будут внутренние ссылки со страницы html на страницу php и обратно. Это всё дело будет нормально работать?
0 votes5 answers -
Скругленные углы
Знаю, скругленные углы это заежьженая пластинка, но ничего конкретного по этому поводу не нашел, кроме одного, если кто знает прамир, дайте ссылку плз. Вот нашел это Мой макет: Проблема в том что левый нижний угол дублируется в диве, как на рисунке. Вот CSS: #content { width: 927px; height: auto; padding: 0 0px; /*background: #f8e6cc*/ background: #2a3742 url(images/bgg.png) repeat-x top center; /*полоса для градиента, если в ней причина, можно убрать*/ } .corners { background: url(images/left_top.png) top left no-repeat; } .corners div { background: url(images/right_top.png) top right no-repeat; } .corners div div { background: url(images/right_bot.png) botto…
0 votes11 answers -
Опять на тему инпутов :-)
Народ обьясните почему инпуты находятся на разной высоте в разных броузерах не понимаю www.homeoclass.ru
0 votes15 answers -
Как выровнять основную таблицу по центру?
Создал сайт: www.sarburvoda.ru — основная инфа должна быть по центру, а по бокам фон, так вот, в редакторе все нормально, а как залил на сервер — вижу что инфа сползла влево. Почему так? Как исправить? Спасибо.
0 votes8 answers -
Верстка масштабируемого фона
Здравствуйте! Нужно сверстать сайт с фоном, подстраивающимся под любые экраны. Чтобы фоновая картинка была на всю ширину и высоту. Примерно так, как здесь: http://themes.themeg...om/?theme=Keres http://themeforest.n...preview/3801554 Подскажите, пожалуйста, какие есть варианты. Хотелось бы обойтись без фреймворков типа Bootstrap.
0 votes17 answers -
Подключение favicon.ico, свойства и значения
На сайте первого канала РФ можно увидеть два подключения фавиконки: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> На некоторых сайтах используют разную конструкцию, а здесь и вовсе две. Что означают значения свойств, какие из них обязательные и как правильно писать в HTML5?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-