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
-
font-face форматы шрифтов
В общем, по лицензии паратайпа на сайтах можно использовать шрифты только в форматах EOT, WOFF и SVG В чем засада: EOT понимает только IE, а WOFF, как я понял, введен в Mozilla только в версии 3.6 Как бы сделать так, чтобы все браузеры понимали, что за шрифт я им подсовываю и чтобы это было в рамках лицензии?
0 votes11 answers -
Очередная проблема с z-index в IE6
Привет всем. Давно уже здесь не был. У меня такая проблема: здесь, при наведении на пункт меню "Продукция", появляется POP-UP. В IE6 этот POP-UP открывается под 2-мя прозрачными слоями и никакой z-index поп-апу не помогает. Видимо где-то я переборщил с position:relative;, либо какой-то родительский контейнер имеет значение свойства z-index - ниже. Буду рад любой подсказке..
0 votes16 answers -
Как сделать исполнение кода CSS в зависимости от его поддержки броузером?
У меня двух колоночное меню: .menu > li { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #fff; /*белая линия в конце блока. вместе с серой линией тэга <a> образует бело-серую линию*/ }.menu a { text-decoration: none; display: block; text-align: center; font-size: 14px; border-right: 1px solid #dedede; /*вместе с белой линией тега <li> образует бело-серую линию*/ }.menu > li:nth-child(2n), .menu > li:nth-child(2n) a { border-right: none; /*убираем у правых пунктов меню линии разграничения - они там не нужны, там граница самого меню*/ }Поскольку бордюр тега <а> должен влезть в <…
0 votes21 answers -
Разное отображение в разных броузерах
Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?
0 votes3 answers -
Футер. Как убрать отступ в ИЕ6?
Собственно, верстал страницу, из 2х блоков Основного (container) и Футера (underline_container). Необходимо, чтобы при большом Основном блоке футер лежал под ним и появлялся на странице скролл, а в случае, когда Основной блок меньше высоты экрана, футер прижимался бы к низу экрана. Код, который я написал работает во всех браузерах, кроме ИЕ6, в н?м после футера появляется отступ равный по величине самому футеру. Как его победить? Заранее благодарен всем ответившим. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <link rel="stylesheet" href="style…
0 votes5 answers -
Как зафиксировать ширину дива для ИЕ6?
.div_frame_back{ border:1px solid #FF6666; width:500px; padding-top:10px; padding-bottom:10px; } .div_frame_videocontent{ border:1px solid #990033; width:706px; position:relative; left:-15px; } <div class="div_frame_back" style="width:500px;"> <div class="div_frame_videocontent"> </div> </div> В опере и фоксе ширина рамки 500 а в ИЕ6 рстягивается на ширину контента Как быть?
0 votes4 answers -
Жёсткая вёрстка с justify
Хочу создать копию вёрстки некоего журнала, с сохранением жёсткой разбивки на строки. Стоит text-align:justify. Как только вставляю <br>, весь justify игнорируется. Как сделать и justify, и разбиение на строки?
0 votes12 answers -
div в Opera - съезжание при попытке подогнать по ширине страницы
При попытке нажать кнопку в Opera "подогнать по ширине" шапка сайта, состоящая из двух jpg и одного flash расползается - правая картинка перемешается вниз. Также при включенном режиме "подогнать" 3 уровень выпадающего меню частично исчезает - при любом разрешении. Для div выставлены точные размеры ширины и высоты в css. "Подогнать по ширине" (кнопка внижнем правом углу) работает, если разрешение монитора меньше, чем ширина сайта - 996 px Пытался поставить невидимое изображение 996 * 1 - оно, конечно, начинает маштабироваться в этом случае. Возможно ли устранить эти проблемы? Благодарю за помощь. см. http://rbenergo.ru/new/
0 votes4 answers -
Здраствуйет. Требуеться ваша помощь...
Здраствуйет. Требуеться ваша помощь. Нужно сделать выподающиее меню что то в этом роде http://vl-ubn.ru/index.html. Плз очень нужно.
0 votes9 answers -
Позиционирование слоев в разных браузерах
Следующий код в браузере Chrome и Operа отображается по разному: <!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" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…
0 votes6 answers -
Transition в IE11
Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…
0 votes0 answers -
Стили, контент с прокруткой в рамке
Во-первых, Большое Спасибо за статьи на этом ресурсе! То, что мне сейчас нужно, очень похоже на "Двухколонный макет с навигацией слева" но, к сожалению, я не очень понимаю как сделать чтобы контент справа в рамке, *не* добавлял ко всей странице вертикальной прокрутки даже если он не умещаяется по высоте страницы. Прокрутка должна быть у самого бокса, в котором контент. Это можно сделать без фреймов? Подозреваю что вопрос примитивный, но вс? равно надеюсь на помощь
0 votes2 answers -
Отпимизация --- сайта
Где то видел такую тему, человеку очень помогли будем надеяться на тоже . Вот сверстал, как можно сделать его более компактным я в смысле кода. Буду рад если покажите на ошибки, дурные манеры. БЫТ п,с сори если тему создал не там,
0 votes13 answers -
Прокрутка внутри ячейки
Добрый день. Такая проблема. Есть таблица. Содержимое одной из ячеек прокручивается скролом. Это сделано на JS. Но так как у некоторых JS блокируется, сайт воспроизводится не везде правильно. Как сделать то же самое на CSS? Заранее благодарю.
0 votes5 answers -
Opera произвольно меняет картинки. Почему бы?
Столкнулся с проблемой - виндовая опера меняет картинки на странице случайным образом... в других браузерах все в порядке, в линуксовой опере все хороше и в маковой. Проблема только в опере и только в винде. Версии оперы разные... начиная с 8.х... Валидатор показывает что все в порядке, по крайней мере на главной странице, остальные чистить буду позже... вот http://validator.w3.org/check?uri=http%3A%...ine&group=0 Сама страница: http://wless.ru/ Интересно что опера так глючит не на всех сайтах... копался в исходниках но не нашел взаимосвязи... Подскажите, сталкивались ли вы с таким и как эту проблему решить?
0 votes12 answers -
Шапка не на всю ширину окна.
Шапка сайта не растягивается. Ни в каком браузере. Код шапки: <img src="images/head.gif" alt="Header" width="100%" height="100%"/> Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело
0 votes9 answers -
я нечаянно выключил комп
Когда верстал сайт, я нечаянно выключил комп и когда теперь открыл файл style.css там сплошной NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NULкак исправить? все стили пропали, обидно может кто-нибудь сможет восстановить http://file.sampo.ru/jgndfr/
0 votes16 answers -
CSS3 : Как начать работать?
Здравствуйте. У нас в ВУЗе проходит курс web-графики и в кач-ве финального экзамена надо продемонстрировать сайт, который мы должны сделать сами. Тема мне понравилась, получалось неплохо. Даже сайт получился симпатичный. Но есть одна проблема : фоновая картинка верхнего фрейма "прыгает", в зависимости от ширины экрана, то бишь на моем мониторе все смотрится так, как хотелось бы мне, но если диаметр другого монитора отличается хотя бы на дюйм - картинка искажается. Я не сразу побежал писать тему сюда, вы не подумайте! Я пытался разобраться сам, но увы - не получилось. Я подумал, что решением проблемы может послужить функция растяжки фона в CSS3, о котором нашел мануал у…
0 votes17 answers -
Красивый checkbox
Решила выпендриться и украсить форму, а в частности checkbox и кнопки. Взяла плагин (http://www.ruseller.com/lessons.php?rub=28&id=339) и прикрутила. Вот что получилось http://linker.nichost.ru/ Все отлично, вот только в FF checkbox нажимается только когда щелкаешь в верхней части, на нижнюю часть checkbox'a он даже не реагирует. В Chrom такой проблемы нет, например. Значит это заморочка FF, вот только что ему не нравится - я понять не могу И как отловить ошибку, тоже. Помогите, пожалуйста! Хоть намекните где копать.
0 votes3 answers -
Слои, кроссбраузерность
Здравствуйте, помогите пожалуйста разобраться. Делаю сайт на joomla1.5(залил на тест-хостинг) - http://alex.z83.ru. Проблемы две (...пока, насчет IE еще не заморачиваюсь): 1. Справа от герба расположен блок <div id='head_photo'> , в него встроен модуль вывода сучайного фото, размеченный как еще один div , внутри которого ссылка с изображением( div->a->img). В стилях я сделал для #head_photo бэкграунд-картинку(corners.png-прозрачную) с белыми уголками, чтобы фото выводились под ней и были со скругленными углами, выставил z-index: 100; а для самой картинки- div#head_photo div a img { display: block;position: relative;z-index: 9;} чтобы она была под картинкой с…
0 votes24 answers -
Проблема с границами
Всем доброго времени суток. Выполняя тестовое задание, столкнулся с проблемой. Сделал меню. В условия было указано, что надо использовать только css и html: http://jsfiddle.net/...ebee1993/WxdQp/ Проблема: Перегородка между элементом основного меню и раскрывающимся под ним списком должна отсутствовать. Выслушаю любые предложения. Заранее благодарен
0 votes24 answers -
Как подключить PIE.htc
Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.
0 votes15 answers -
Текст выходит за слой
Хоть и звучит похоже, но такой проблемы на форуме не разбиралось. Эксплорер все понимает, а FF и Opera нет. Скрины ниже... Эксплорер Опера и ФФ Вот код: <!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" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Фирма "РЕМИС"</title> </head> <body> <div id="container"> <div id="navitabs"> <span class="navi…
0 votes12 answers -
Список нумерованный в обратном порядке
Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?
0 votes3 answers -
Изменение цвета ссылки при нажатие
Собственно задача вот в чем: есть ссылки в меню и при нажатие на ссылку она должна становится красной допустим, но если использовать: A:visited то после нажатия на эти ссылки они и остаются такого же цвета всегда, а мне нужно чтобы нажал допустим на пункт 1 он стал красный а остальные все черные, нажал пункт 2 он стал красным а остальные все черные, и красный он стал на все время пока выбран этот пункт...
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-