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
-
сокращение CSS
Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?
0 votes9 answers -
Не убирается первый элемент background li
Друзья, привет. Оч нужна помощь. В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0; Вот сам код: <div id="tpl_main_menu"> <ul> <li class="no_style"><a href="otdih.html">Отдых</a></li> <li><a href="apartamenti.html">Апартаменты</a></li> <li><a href="priroda.html">Природа</a></li> <li><a href="kontakti">Как добраться</a></li> </ul> </div> И сам css #tpl_main_menu { text-align: center; margin: 0 auto; width: 635px; } #tpl_main_menu ul { padding: 0; margin: 0; list-style…
0 votes12 answers -
_height:expression
Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!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" /> <title>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…
0 votes6 answers -
visibility: collapse в FF не работает?!
Подскажите люди добрые .... в чем может быть проблема. Скорее всего ? понимаю что в голове ? но всеже без подсказки уже не могу Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки. Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11 Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере ? ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным это…
0 votes5 answers -
coords в картах-изображениях
Дорогие форумчане, мне нужна помощь. Помогите разобраться с нахождением координат для карт-изображений! Как вы их находите? С помощью какой-то программы? Просветите меня, пожалуйста! Ссылка на урок: http://htmlbook.ru/content/?id=21 Буду благодарен, с уважением Александр
0 votes9 answers -
"Прикрепить файл" в форме связи
На сайте есть форма обратной связи. Необходимо добавить в нее работающее поле "прикрепить файл". В код самой формы я его добавил, помогите, плиз добавить в "обработчик". Код обработчика (mail.php) без "прикрепить файл": <?php if(empty($_POST['name']) or empty($_POST['city']) or empty($_POST['interes']) or empty($_POST['email']) or empty($_POST['mess'])) { header('Location: http://www.kentaurus.ru/contacts_faul.html'); exit; } ?> <!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="t…
0 votes3 answers -
Какими тегами можно сделать штмл в штмл
Какими тегами можно отобразить страницу штмл в середине тела другого штмл документа??
0 votes7 answers -
Неправильно определяется разрешение экрана
Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…
0 votes2 answers -
onmouseover и onmouseover
Подскажите пожалуйста где можно найти хорошое и подробное описание тегов onmouseover и onmouseover. вот только начиную учиться.. хотелось бы почитать.
0 votes12 answers -
footer
Что тут не так? Уже голова разболелась. В ИЕ не хочет опускаться
0 votes5 answers -
Шапка сайта
Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…
0 votes8 answers -
Подскажите как верстать
Всем доброго времени суток, вот сижу смотрю в шаблон и попадаю в тупик ... Вот поставили мне задачу ... сделать резиновый шаблон ... что-бы в ширину тянулся и контент тянулся ... как его резать етот шаблон воообще не представляю ... Если у кого появяться адекватные соображения по етому поводу пишите буду очень признателен Вот ссылка на картинку ВОТ
0 votes6 answers -
Помогите с ссылками
Помогите с ссылками. Какой код нужно указывать чтобы картинка была ссылкой и при этом валидатор молчал ?
0 votes20 answers -
Проблемы со списками в ие 6-7
Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…
0 votes13 answers -
Как выстроить картинки с текстом в строчку при любом разрешении?
Здравствуйте. Подскажите пожалуйста кто знает, как с помощью css реализовать следующее. У меня на сайте в шапке сделана такая конструкция: 1-я картинка, а справа от нее в столбик 3 слова. 2-я картинка, а справа от нее в столбик 3 слова. 3-я картинка, а справа от нее в столбик 3 слова. Все эти 3 картинки со словами выстроены в строчку, т.е. если разрешение экрана позволяет, то они располагаются на одном уровне. Если разрешение экрана меньше (например, на смартфоне), то слова в столбике могут располагаться ниже картинки, а не справа от нее. Хотя места справа вроде бы достаточно. Получается не очень красиво. Код HTML: <div id="header_image">…
0 votes1 answer -
Максимальная обфускация CSS кода
Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.
0 votes1 answer -
правка шаблона на sass
Имеется шаблон с scss исходниками. Как лучше его править, чтобы в дальнейшем не было проблем с обновлениями шаблона?
0 votes1 answer -
высота <li>
#menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …
0 votes5 answers -
Проверка валидности
Ктонибудь может объяснить, почему при проверке на http://validator.w3.org/ выдает ошибку и указывает на текст которого вообще нет в исходном коде?
0 votes10 answers -
Смена изображения при наведении на кнопку формы <input>
Добрый день! Подскажите пожалуйста, каким образом можно сделать смену изображения при наведении (hover) на кнопку формы - input. <input name="search" type="image" src="images/search.gif" class="button" />
0 votes9 answers -
проблемы с кодировкой в IE6
Здравствуйте. Вот есть сайт http://tekspb.ru/ и шестом IE при кодировке UTF-8 все чертям слетает, при других кодировках тоже слетает, но не так сильно. С чем это может быть связано?
0 votes8 answers -
Слои по центру
Здрасти, не могу найти такую вроде простую вещь, помогите пожалуйста. У меня есть несколько слоев (неопределенное количество) я хочу, чтобы они выводились по центру странички. Делаю контейнер, в нем несколько слоев. Если применить float, тогда не получается чтобы слои были посередине, если применить не применять то слои получатся в столбик. Каждый слой имеет фиксированные размеры и у всех слоев они одинаковые. Как это реализовать?
0 votes24 answers -
Как на bootstrap 4 собрать такую сетку?
Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…
0 votes5 answers -
Присвоить класс таблице....?
товарищи спецы, как присвоить класс таблице и всем рядам и ячейкам..? хочу чтоб были 1px dashed silver... поиск ничего не дал :/
0 votes3 answers -
тень и отступы - не совместимы?
добрый день. верстаю страницу с помощью таблиц. страница располагается по центру следующим образом: вся таблица ширина 100% середина фиксированная. правая и левая колонка - плавающая. необходимо сделать тень от левой таблицы. указываю cellspacing="0" cellpadding="0" в атрибутах таблицы. при этом автоматически убирается все отступы которые указана для текста в таблице и т.д. и позиционирование по центру пропадает. подскажите как можно исправить? или лучше все на слоях сделать? если на них то как там возможно сделать позиц. по центру. страница имеет фиксированную длину и ширину. Спасибо всем. зы. спасибо за сайт.
0 votes16 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-