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
-
Верстка под ShopScript
Интересует как научиться верстать под ShopScript да и вообще под разные CMS
0 votes9 answers -
Пожалуйста,помогите чайнику...
Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.
0 votes9 answers -
Исчезает рамка при наведении на ссылку
Имеется табличный дизайн, резиновый трехколоночный макет В средней колонке при наведении на любую ссылку в IE 6 исчезает кусочек рамки у левой колонки напротив самой ссылки. В остальных браузерах вроде все нормально. Что можно сделать, чтобы исчезания не происходило? P.S. На других страницах я помещал такие ссылки в ячейки новых таблиц с невидимой границей, тогда исчезания не происходило. Но есть ссылки прямо в тексте, поэтому при вставке новых таблиц происходит переход на новую строку. А это все портит.
0 votes4 answers -
Маркер default в ie6
Маркер списка в ie6 отображается по нижней строке. В остальных браузерах по верхней. Вот изображение иллюстрирующее это: В поисках привил которые помогли бы исправить положение использовал vertical-align , но решение выглядит скорее как костыль. Не могу понять проблему ибо vertical-align для списка не использовал. Может кто сталкивался с подобным. В чем причина такого поведения и как это исправить?
0 votes5 answers -
расположение Div
Хочу вот такую структуру сверстать В менюшке к правому краю прилеплена маленькая картиночка и дальше идет горизонтальный список. Суть проблемы В том что контейнер something ,вместо того что бы прилипнуть к правому краю экрана,прилипает к левой границе контейнера skriptorsomething.Я не знаю,как можно расставить два правых блока skriptorsomething и something так что бы слева от них был блок main во всю высоту экрана ,поэтому решил сделать main позиционированным ,что бы два правых отображались ,так будто бы main и нет вовсе. Значит вот код HtML: <div id="shapka"><img src="images/logo.jpg" class="imgshpk"><h1>Cайт о чем то </h1></div> <div …
0 votes8 answers -
все остаётся позади FLASHA
ребят помогите. в диве находится МЕНЮ и ПОИСКовик.......в этом же диве я размещаю ФЛАШ..... . МЕНЮ и ПОИСКовик у меняposition:absolute;и поэтому они остаются позади флаша. КАК СДЕЛАТЬ ТАК ЧТОБ ОНИ БЫЛИ СВЕРХУ ФЛАША? ВООБЩЕ ЭТО РЕАЛЬНО?
0 votes9 answers -
Отображение слоя в IE
Помогите, пожалуйста!!! Уже замучилась. Описывать долго. Просто даю ссылку на свою верстку. http://freshf5.f5.ru/post/76839 Проблема в том, что IE отображает слой, сдвигая его вправо, ведя отсчет от предыдущих верхних слоев. В Мозилле все выглядит отлично, как подогнать IE? <div style="font-weight: bold; font-size: 14px; width: 570px; color: #666666; text-align: center;">сообщество</div> <div style="width: 570px;"><img style="width: 570px; height: 10px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div> <div style="font-weight: bold; font-size: 30px; width: 570px;">подземные истории</div> <div style="wid…
0 votes8 answers -
Наслаиваются <div>
Помогите пожалуйста! У меня в верстке наслаиваются дивы друг на друга!!! <div id="bottom"> налазиет на <div id="container"> Как это исправить код <!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> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div …
0 votes6 answers -
Растянуть элемент <video> на всю высоту родителя
Вроде как по спецификации height: 100% работает если у родительского блока явно указана высота. В моем случае у блока с классом video-wrapper высота — 250px. Самому элементу <video> я указываю width: 100% и height: 100%, но он почему-то не растягивается на всю высоту. Вопрос: в чем проблема? Нужно, чтобы блок с классом controls "накладывался" на видео по нижней границе. Фиддл: http://jsfiddle.net/y2p80pjo/
0 votes7 answers -
Умный поиск
Можно ли сделать, что-бы в опрделенном случае он(поиск) открывал определенную страницу. Например ввел я слово заяц, а он не находит все страницы, с этим словом, а открывает нужную мне страницу - волк(например). Как мог обьяснил. Если что нужно еще , спрашивайте! Помогите пожалуйста чайнику. Буду очень благодарен! Заранее спасибо. С Уважением, Евгений.
0 votes32 answers -
Медиа запросы, Safari и масштабирование. Что-то не так делаю.
Приветствую специалистов по кросбраузерной верстке! Вот сайт http://durmitorsport.com/. [Основная] Проблема с фонами. В стилях прописано (мной): #header { background-image: url("../images/fons/1_main.jpg"); background-size: 100% auto; } @media only screen and (max-width:1366px){ #header { background-size: auto 100%; } } Проблема: в разрешении 1366px по горизонтали, если уменьшить масштаб в браузере, то должно отображаться, как будто разрешение больше оного. Вот в Safari это не работает. И как не масштабируй, @media only screen and (max-width:1366px) - все равно обрабатывается. Почему? Помогите разобраться. Скриншоты. …
0 votes6 answers -
Как правильно работать с type="text" в explorer?
Эта глючная особенность Explorer уже года три периодически мне портит дизайны: http://dankey.biz/dan/trabla Как избавится от зазора между текстовым полем и его контейнером?
0 votes5 answers -
Меню сайта на CSS
Подскажите пожалуйста, как сделать на CSS меню такого типа как на этом сайте: http://ipkpro.ru/
0 votes7 answers -
Несколько стилей в class
Здравствуйте! Помогите избавиться от сомнений. На многих сайтах используется указание нескольких стилей в одном параметре class. Чтото вроде этого: <html> <head> <style type="text/css"> .c1 {text-align: right;} .c2 {font-family: Verdana;} </style> <title>test</title> </head> <body> <p class="c1 c2">qwerty</p> </body> </html> Это очень практично, но я тут задумался, насколько это соответствуют стандартам. Браузера применяют оба стиля, как от них и требуется. Валидатор не ругается, но я думаю, что ему просто пофиг, что написано между кавычек. А вот в документации по html, касательно этого кода, …
0 votes8 answers -
Помогите, разобраться с фоном.
Здравствуйте! Помогите пожалуйста, никак не могу сделать так, чтобы background (картинка, напр. изображение реки) в IE не прокручивалась, и не дублировалась. В Opera это сразу получилось, а IE никак, помогите кто сведует.
0 votes13 answers -
Верстка стихов pre или br
Здравствуйте! Прошу помочь советом. Мне нужно сверстать много стихов в html. Как лучше и правильнее это сделать? Использовать тег br на каждой строке, или заключать весь текст в теги pre? Заранее спасибо
0 votes2 answers -
Стиль списков в ИЕ
Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?
0 votes13 answers -
Не получается сжать текст
Как "сжать" текст в "Home", "About", "Services" и т.д. ?
0 votes11 answers -
Подскажите как сверстать такую конструкцию
Всем привет. Уважаемые, подскажите как на дивах заверстать такую вот конструкцию? Изображение т.е. В общем диве текст обтекает текст или другой див, который выравнивается по нижнему правому краю. Своего решения так и не нашел. Заранее благодарен!
0 votes8 answers -
Проблема с min-width и max-width в IE 6
Верстка правильно отображается в FifeFox 3, IE 7.0, Opera 9. А вот в IE 6 не могу добиться правильного отображения. Верстка должна тянуться до ширины 1150px, а потом слева и справа появляется белые равные отступы. Т.е. под всеми браузерами, кроме IE 6 срабатывает "max-width: 1150px;". Сколько не бился с "width: expression()" под IE 6, требуемого результата не получается. Просьба к профи помочь. <!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> <title></title> <meta content="text/html; charset=windows-1251" htt…
0 votes6 answers -
Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании
Вот есть, например, такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> </head> <body> <table> <tr> <td style="background-color:#ff00ff"> <div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div> <div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2"></div> </td> </tr> </table> </body> </html> В IE 7 и 8 возникает проблема с наложением слоёв. То есть слой, при нажатии на который дол…
0 votes4 answers -
Частичная загрузка страницы
Для сайта (ленты новостей) хочу добавить возможность частичной загрузки страницы. Дозагрузка автоматически или после нажатия, не важно. Имеется блок, внутри которого много блоков поменьше с самими новостями. Подобно Youtube или vk
0 votes3 answers -
Список приипает к картинке
В ФФ у маркеров списка отступ слева, в ИЕ и Опере маркеры списка прилипают к картинке. Нужно сделать так, чтобы маркеры списка шли на одном уровне с абзацем, т.е. так, как отображается в ФФ. Кто-нибудь может помочь советом, как это сделать? <!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> </head> <style> *{ padding:0; margin: 0; } img{ float: left; margin-right: 20px; width: 185px; } li{ …
0 votes9 answers -
text-decoration изменение стиля
Для того чтобы сделать подчеркивание у ссылок при наведении в таблице стилей прописываем следующее: A { text-decoration: none; } A:hover { text-decoration: underline; } А как сделать, чтобы линия, которой подчеркивается ссылка была определенного цвета(например красного, а не синего, как по умолчанию)?
0 votes4 answers -
насчет google
можно задать вопрос насчет гугла или нельзя?
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-