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
-
@font-face для разных начертаний шрифта
Доброго времени суток! Подскажите, пожалуйста, как правильно подключать разные начертания одного шрифта? Допустим, есть файлы шрифтов Font1-reg.ttf, Font1-mediumitalic.ttf, Font1-lightitalic.ttf, Font1-bold.ttf, Font1-blackitalic.ttf. Конвертирую и подключаю следующим образом: @font-face { font-family: 'Font1'; src: url('../fonts/font1-reg-webfont.eot'); src: url('../fonts/font1-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font1-reg-webfont.woff') format('woff'), url('../fonts/font1-reg-webfont.ttf') format('truetype'), url('../fonts/font1-reg-webfont.svg#Font1') format('svg'); font-weight: normal; font-…
0 votes6 answers -
Наложить блоки на картинку
Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head>…
0 votes3 answers -
фон на всю ширину div
можно ли в css для div'a задать фоновое изображение так чтоб оно растягивалось на ширину div'a? и еще вопрос, можно ли в css полностью описать и задать положение рисунка(img), чтоб в html странице о нем не упоминалось? как поступить если вверху страници должен распологаться рисунок на всю ширину, но это должно быть сделано с помошью css("...Don't use images in code...")? {...отредактировано kiD}
0 votes5 answers -
Запрет сохранения веб страницы
Всем привет! Есть ли какая-нибудь возможность запретить посетителю сайта сохранить html страницу? Т.е. когда страница сохраняется через: Файл - Сохранить как...
0 votes5 answers -
Не работает header("Location: ...")
Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…
0 votes2 answers -
Пустой квадрат вместо ∪
Тема не совсем в тему. Дело в том, что мой клиент не видит на этой странице символ ∪(∪). Вместо символа - пустой квадратик, по его описанию. Лично я в ИЕ6,7,8, Опере и Лисе вижу символ прекрасно (на двух ПК)! Есть идеи - отчего так может быть?
0 votes19 answers -
plugins
Наверняка каждый из начинающих вебмастеров сталкивался с проблемой отсутствия определённых плагинов для просмотра того или иного медиа контента даже если всё достаточно мило отображается в одном браузере то другие могут наотрез отказаться отображать какое либо содержимое,а поскольку делать надо так ,чтобы видели все - необходимо наличие плагинов для всех типов браузеров. Самые популярные на данный момент поисковики - опера,нетскейп и фаерфокс так вот эти три товарища, - которые нам совсем не товарищи абсолютно по разному всё отображают подкидывая тем самым вебмастеру кучу ненужных проблем,а ведь ,как хочется чтобы любознательные юзвери могли видеть содержимое вашего сайта…
0 votes21 answers -
Помогите понять в чем дело...
Доброго времени суток! Уважаемые форумчане, помогите разобраться в чем дело. В ообщем суть проблемы такова есть верстка дизайна, после подвала, страница должна заканчиваться, в опере она заканчивается нормально, а вот в ИЕ почему то не совсем правильно заканчивается, смотрим на картинки, код css прилагается. Опера: ИЕ: Листинг html, body {height: 100%;} body {padding: 0; margin: 0; background-color: #E2E2E2;/*EFF1F6*/ color: #666; font: 70% tahoma, arial, sans-serif; text-align: center;} /*.sp {color: #666;}*/ #allpage { margin: 0 auto; background-color: #FFFFFF; text-align: left; height: 100%; margin-top: 5px; margin-bottom: 15px; width: 940px; /*min-width:…
0 votes5 answers -
При пробеле слетает слово
В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.
0 votes32 answers -
Резиновый макет!
Здравствуйте! Посидев на сайте htmlbook.ru в разделе макеты, попробывал сделать получилось,но у меня есть проблема,заключается она в том,что я хочу сделать резиновый макет с тремя колонками,там он есть но он не резиновый и поэтому хотел узнать как мне такой сделать,я новичок если кто сможет объяснить или просто совет дать буду рад выслушать).И ещё кое что,там в макетах есть 1 резиновый макет с двумя колонками вот вопрос, сделав макет и сделав два блока меню слева использую float у меня получилось,сделал 3ий блок хотел сделать меню справа,но блок почему то оказался на уровне нижнего блока слева пытался поднять его на верх не получилось!Если кто может помогите мне с этими 2…
0 votes39 answers -
подскажите немного
Скажите будте так добры 1.правельно ли написан код <div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; layer-background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3> <ul> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> </ul> </div> <div id="apDiv2" style="position: absolute; left: 711px; top: 20px; width: 492px; height: 130px; z-index: 2; text-align: center; background-color: #006699; layer-background-color: #006699; border: 1px none #000000;"><…
0 votes22 answers -
Подчеркивание ссылок пунктиром
Сабж) Как сделать, чтобы при наведении на ссылку, он подчеркивалась пункиром?
0 votes5 answers -
Некорректное отображение на мобильных устройствах
Здравствуйте, есть макет фиксированной ширины в 1150px, по макету в header и footer сайта есть блок с заливкой на всю ширину страницы как в примере кода. <div class="wide"> <div class="menu"> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div>…
0 votes2 answers -
0 votes3 answers
-
HREF - подсветка
Здравствуйте. Подскажите, как решить следующую проблему, у меня при наведении курсора на картинку она изменяется (ну то есть кнопка обычная), как сделать так, чтобы при нажатии она оставалась такой же как при наведении?
0 votes9 answers -
Оцените верстку по методологии БЭМ.
Доброго времени суток!Осваиваю верстку по методологии БЭМ. Прошу оценить мою верстку по БЭМу, интересуют ошибки в коде.Заранее благодарю. https://igor-zzz.github.io/bem/
0 votes2 answers -
Блок <div> по всей высоте родительского блока
Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!
0 votes5 answers -
Использование шрифтов на коммерческом сайте
Друзья, подскажите на счет шрифтов: Segoe Print и Segoe UI. Могу ли я их использовать на коммерческом сайте? Вроде часть Майкрософт шрифтов полностью бесплатные, но где найти этот список не ясно.
0 votes2 answers -
Checkbox в IE
Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?
0 votes11 answers -
Выпадающие меню в теме Slaed и ноль в FF
Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5&l…
0 votes28 answers -
Прыгающие блоки в IE
Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…
0 votes8 answers -
Глюк с отображением картинки в ИЕ7-8
Добрый день. Столкнулся с глюком отображения картинки в ИЕ7-8. В Опере и ФФ всё отлично показывает, а в ИЕ7-8 на чёрной шкуре коров отображает какието белые пикселя, будто битые. Как это можно пофиксить? Заранее спасибо
0 votes30 answers -
Реализайция спойлера в таблице
Здравствуйте! Мне нужна таблица с 4 колонками с возможностью раздвигать/задвигать спойлер при клике на ссылку в таблице. Попробовал реализовать банальным способом + java скрипт из инета: http://midgebash.3dn.ru/index/test/0-6 Однако все получилось криво) И так вопрос: как можно реализовать такую таблицу со спойлером? (В идеале хотелось бы чтобы текст какбэ выезжал вниз, если так незя ничего страшного) Очень прошу помощи в реализации) Заранее спасибо!
0 votes4 answers -
Прокручивающийся список
Подскажите пожалуйста, как сделать похожий список как здесь http://htmlbook.ru/css ? Это только css, или еще JS. В каком направлении двигаться.
0 votes1 answer -
Смена css по клику
В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-