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
-
Проблема с предзагрузкой изображений
Добрый день. На сайте есть картинки при наведении на которые картинка меняется на другую. Код вот такой: <a href="index.htm"><img src="img/img.gif" alt="Image" onmouseover="this.src='img/img2.gif'" onmouseout="this.src='img/img.gif'"></a> Нужно чтобы при наведении на картинку она сразу заменялась другой, а не загружалась. Перепробовал разные способы предзагрузки, ни один не работает. Подскажите как правильно сделать.
0 votes1 answer -
min-width, ie6 виснит
когда сжимаю окно, ИЕ6 виснит. это у всех так или у меня эмулятор глючит?
0 votes3 answers -
DHTML
Доброе время суток! Подскажите пожалуйста начинающему веб программисту книгу(самоучитель) или справочник по DHTML
0 votes5 answers -
Проблема с офромлением меню выпадающего списка
Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <div id="menu"> <ul> <li> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> </li> <li> <a href="#">Мужская одежда</a> <div> <ul> <li><a href="#">Костюмы</a></li> <li><a href="#">Рубашки</a></li> </u…
0 votes13 answers -
Как сделать разный стиль для каждой страницы сайта?
Код главной страницы: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="home"> <div id="container"> body.home {url Общий фон.jpg);} body.home#container {background: url(Главная.jpg);} следующая страница: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="somepage"> <div id="container"> body.somepage {background: url(Общий фон.jpg);} body.somepage#container {background: url(Страница.jpg);} Картинка пропадает,что не так?
0 votes4 answers -
background-image
Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>
0 votes14 answers -
Идеальная верстка
Какая она? К чему должен стремиться каждый верстальщик? Если не трудно, приведите примеры сайтов с такой версткой. Спасибо за внимание.
0 votes3 answers -
Борьба с less.js
Добрый день. Появилась необходимость сделать универсальную функцию в less следующего вида: .calc(@per,@val) { @per: calc(@val); @per: -moz-calc(@val); @per: -webkit-calc(@val); @per: -o-calc(@val); @per: expression(@val);}вызываю соответственно в нужном элементе, например: .example { .calc(top,100% - 50px);}.example { .calc("top","100% - 50px");}Никакой из вариантов less не хочет компилировать. Помогите пожалуйста решить проблему! Заранее спасибо!
0 votes9 answers -
Проблема: смещение на 1px background в Хроме и Мозила
Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, …
0 votes13 answers -
Верстка меню "под лифт"
Добрый день. Подскажите пожалуйста по такому вопросу: Необходимо сверстать меню следующим образом у меня получается такой вариант. Т.е. нет стрелок вверх/вниз.
0 votes4 answers -
Горизонтальное меню из картинок
Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
0 votes2 answers -
Фиксированные и резиновые сайты
Всем доброго дня. Недавно начал изучать вёрстку и задался вопросом. Вот существуют фиксированные и резиновые сайты. Как я понял полностью фиксированные не делают. Есть ограничение по ширине контента, но фон сайта является резиновым и растягивается в зависимости от ширины устройства? А вот что насчёт самого контента? Читал, что стандартно ширину делают 1000-1100px. Так ли это? И часто ли используют действительно резиновые макеты? Как мне кажется, если включить такой сайт на большом мониторе или телевизоре, будет не очень удобно.
0 votes3 answers -
Помогите разобраться в sass @import
Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта
0 votes2 answers -
Растягивание фонового рисунка
Можно ли растянуть фоновый рисунок вообще!!!
0 votes1 answer -
Проблема со страницами в виде xhtml
Сейчас делаю сайт на html4.0, но хотел бы чтобы сайт корректно отображался и следуя современным требованиям хочу сделать на xhtml. Но по каким-то причинам браузер IE6 некорректно работает со страницами. Т.е. нельзя выделить часть текста для копирования, а браузер выделяет чуть ли не весь текст на странице, как только мышью кликаешь на какую-нибудь букву. Чем может быть вызвана такая ошибка? В других браузерах всё корректно.
0 votes3 answers -
Спрайты и фоновые изображения
Всем ХИ!!! Такой вопрос: можно ли применить технику спрайтов к фоновым изображения, которые дублируются по Х и/или У. Вот, например, ниже приведенная картинка содержит 2 фрагмента, первый фрагмент дублируется по вертикали, а 2 по горизонтали. CSS свойство beckground-position тут не поможет. Можно конечно выделить фоновые рисунки дублирующиеся по Х и У в разные файлы, но если изображение дублируется и по Х и по У то такой подход не решит проблему. Может есть какой-то метод "вырезать часть изображения"?? Или всетаки спрайты и дублирующиеся фоновые изображения несовместимы?
0 votes2 answers -
Проблема c IE: смена класса у элемента
Добрый день. Имеется следующая вёрстка и css: <style> .menu_line { display:inline; padding: 3px 5px;} .menu_line a.sign, .menu_line a.sign:active, .menu_line a.sign:link, .menu_line a.sign:hover, .menu_line a.sign:visited {text-decoration:none} .menu_line a.txt, .menu_line a.sign:active, .menu_line a.txt:link, .menu_line a.txt:hover, .menu_line a.txt:visited {font-size:12px; color:#555555; text-decoration:none} .menu_line span {display:none} .checked {background:#FF7800;} .open span, .close span {display:inline; background-position:0px 1px; bac…
0 votes3 answers -
Проблемы отображения в ИЕ 7 и Операх некоторых
Здравствуйте. Есть сайт www.adybov.ru Проблема в сайдбарах. Вылезают черт знает куда. В ИЕ 7 и опере 8.ххх. В старших операх все окей. В 6-ке, кторая у меня в виде тестового ИЕ - тоже все окей. HTML такой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div id="header"> </div><!-- #header--> <div id="wrapper"> <div id="middle"> <div id="container"> <div id="content"> </div><!-- #content--> </div><!-- #container--> <div class="side…
0 votes5 answers -
Картинки прижать к краю браузера
Туплю. Поэтому тупой вопрос: как сделать так, чтобы при разном размере экрана - к краям браузера были прижаты определенные картинки?
0 votes1 answer -
3 элемента в ряд width:33%; float:left;
<div style="width:33%; float:left;"> <a id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg"><img src="/upload/iblock/d32/d3274baea244fb82b4a2b858ece608d8.jpg" width="230px"></a><br> <div align="center"><a style="color: #b1593c; width: 125px; vertical-align: top; display: inline-block; padding: 0 0 3px 4px; position: relative; font: normal 14px/110% trebuchet ms, helvetica cy, sans-serif;" id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg">Jercy Cremini, Albert Bronze</a></div> </div> Первые три ряда идут 3 элемента в строку, потом один, а потом через два ряда еще один …
0 votes3 answers -
Использование иконок в спрайтах и "em"
Не могу решить проблему. У меня для инлайновых элементов, например для внешних ссылок указана иконка, через background. Так вот, когда размер шритфа фиксированный, например строго 14px/16px, то проблемы нет, задаю: background: url(images/sprite.png) no-repeat 0 -64px; И все здорово, иконка по центру строчки, все красиво. Однако когда шрифт нужно задать в em, например 1em/1.2em , то тут возникает проблема. Так как физический размер в пикселях может изменяться, то и иконка "гуляет", уползая вверх-вниз. Есть ли решение этой проблемы? Вариант с иконкой через :before не предлагать, он не работает в ие7, а городить костыли крайне нежелательно..
0 votes9 answers -
Вёрстка сайта Amazon.com
Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...
0 votes7 answers -
Список li и noindex
Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">…
0 votes3 answers -
Top Menu, неровно
Доброго времени суток, проблема в том что есть том меню и оно почему то вылазит непонято куда. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div id="wrap_outside"> <header id="wrap"> <div> <img src="./i…
0 votes5 answers -
Для мастеров блочной вёрстки
Задача - сверстать следующий тулбар (серый вверху рисунка). Проблема в резиновости ширины. Контент может сужаться, и когда элементам "не хватает места", при блочной вёрстке они перескакивают на следующую строку. Необходимо, чтобы элементы оставались в одной строке, а при сжатии окна, если по ширине им места не хватает, то появлялась бы горизонтальная полоса прокрутки у окна браузера. Фактически, задача - с помощью блочной вёрстки точно симулировать табличную вёрстку, как если бы тулбар был рядом таблицы. Элементы с переменной шириной (извините, неверно написал на рисунке) указаны, у остальных можно считать, что ширина фиксирована. ЗЫ: я в итоге бросил эту затею и све…
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-