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
-
Деактивация содержимого и z-index IE6
Казалось бы не тривиальная задача сделать вот такое выдвигающееся меню у блока — Но возникла достаточно неприятная ситуация. Во первых в обычных браузерах ссылки на меню неактивны, т.к снизу находится блок, который перекрывает их, не смотря на то что в меню указан высокий z-index и она визуально находится выше. А ИЕ6 и вовсе игнорирует высокий z-index меню и отображает нижний блок поверх неё — Страница с проблемными блоками. Прошу помочь. Код выкладывать не буду, т.к его много и просто так без каких-то помощников, типа Inspect Element'а для фаерфокса не разобраться.
0 votes8 answers -
Не работают псевдоклассы
Здравствуйте, наверно эта тема не раз обсуждалась, но уже час не могу найти решения. a:link, a:hover, a:visited и a:active некоректно работают. A.ctrpan:link{ font-size:13px; font-family: sans-serif; color: #C8C8C8; } A.ctrpan:hover{ font-size: 14px; color: #F0F0F0; } A.ctrpan:active{ font-size: 11px; color: #AFAFAF; } A.ctrpan:visited{ font-size:13px; color: #C8C8C8; } Сначала все работает, но после посещения ссылки hover не работает, а ссылка имеет вид active, т.е. выглядит как при нажатии. Браузеры FF3.5.1, IE8 Почему так Можно ли это решить без js?
0 votes3 answers -
Какой тег использовать?
Подскажите, пожалуйста, как сделать, чтобы кнопки друзей сайта располагались не столбиком 1 а вто так 1 2 ____________2_________3 4 ____________3 ____________4
0 votes8 answers -
кракозябры съедают(((
не могу понять в чем проблема?,после верстки появились кракозябры вместо текста, в бблокноте исправил прописал: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" /> , изменил все кракозябры на руский, на сайте теперь отображается руский, но в дремвовере, и фронт пэйдже все равно кракозябры(((читать не реал(посоветуйте пожалйста как в редакторах сделать русский)
0 votes4 answers -
Zend Studio
Привет всем Как этот программа хорошие. Помогите плиз
0 votes8 answers -
Сайт и google - проблема.
Привет. У меня проблема - создал сайтик небольшой и довольно простой, но вот незадача - не индексировался где-то месяц , а теперь вместо Title выдаёт мне заголовки сайта .... что делать, как заставить гугл находить и отображать титуль, раньше с сайтами ткаих проблем не было. www.altfotoplus.lv http://www.google.lv/search?hl=lv&q=al...mp;aq=f&oq= И еще. .я в Google Web master central зареган, туда тозе пихнул сайтик, он вроде особо не ругается, роботс.тхт нащел, но там где детали сайта.. типа crawler error и не может отобразить детали сайта .. В общем как то так. что делать?
0 votes10 answers -
Кнопки в IE
В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.
0 votes19 answers -
Кнопки в IE
В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.
0 votes2 answers -
Вопрос о приоритетах
Я совсем недавно в css. Так что не обессудьте =) Если верить самоучителю, то "стиль определенный во внутренней таблице имеет приоритет перед стилем из внешней таблицы". Но на практике выходит совсем наоборот... Так что же вернее?
0 votes2 answers -
Страница сайта
Проблема с этим, создаю страницу сайта,а там сверху нет добавить новость и материал не оформлен вот можети посмотреть http://tecktonik-klass.ucoz.ru/index/0-4 помогите
0 votes1 answer -
Очень странный глюк с радио-кнопками
Здравствуйте, Ситуация следующая: Есть динамическая форма (http://favorite-group.ru/index.php/stoimost). При выборе услуг из выпадающего списка, страница перезагружается, и появляется 2ая часть формы с услугами. В некоторых услугах есть радио кнопки. В коде строго прописано, что в каждой группе радио кнопок одна активная. Мой заказчик выбирает нужные пункты (IE7), начинает проверять свои ответы и скроллить страницу вверх-вниз, и в этот момент активные радио кнопки изчезают, либо везде, либо в только в некоторых услугах. Т.е. в каждой группе кнопок все становятся неактивными. Проблема в том, что я тестировал на 4 компах, в IE6-7, FF и Опере и ниразу не столкнулся с этой п…
0 votes6 answers -
FireFox не видит дополнительную таблицу стилей
Всем привет! Проблема, которая просто шокировала! вот 2 странички: http://new.forexltd.ru/ru/trade/mt4mobile/ - с доктайпом http://new.forexltd.ru/ru/study/forex/ - без доктайпа при <!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"> ФФ не применяет дополнительную таблицу стилей, при отключении доктайпа все работает, но появляются проблемы кроссбраузерности. Честно говоря, от мазилы я такого просто не ожидал, как с этим бороться поняния не имею, может кто то сталкивался с подобной проблемой? помогите плиз. За ранее всем спасибо! З.Ы. Может дело в Ц…
0 votes5 answers -
Сложный ролловер
Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?
0 votes22 answers -
Пара вопросов?
Я здесь новичок. Вот возникла пара вопросов: 1). Что значит "верстальщик"? Это HTML, CSS, PHP и т.д. кодер (см. Web-программист) или же это человек, который занимается дизайном будущей страницы(Web-дизайнер)? 2) Вот хочу заняться созданием сайтов. Что для этого требуется? Интересует сам практический процесс обучения. Следует ли писать какие-либо тестовые проекты или же заниматься созданием сайтов на заказ попутно вникая в тему? P.S. надеюсь меня поймут
0 votes18 answers -
DIV без фона над другим DIV
<!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" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .d1 { position: absolute; z-index: 100; width: 100%; height: 100%; background: none; } .d2 { position: relative; z-index: 50; width: 100%; height: 100%; } </style> </head> <body> <div class="d1"></div> <div class="d2"><a href="">Некликабильно в FF</a></div> </body> </html> В остальных браузерах все нормально работает. в FF же верхний элеме…
0 votes3 answers -
Div в футере
Здравствуйте! Подскажите, пожалуйста, как поставить див в самый низ экрана, но в случае если контента больше чем одна страничка(по вертикали я имею ввиду), то он бы смещался и шёл в самом низу, за контентом? Т.е. Если контента на пол страницы, то этот див находиться внизу экрана, а если допустим контента полторы страницы, то этот див идёт сразу после контента? Хочу туда поместить счётчик 1)Пробовал ставить блоку position:absolute;bottom:5px; Но тогда, в случае если контента больше чем на страницу, то этот див налазиет на контент 2)Пробовал ставить position:relative; Но тогда в случае если контента меньше чем на страницу, тогда этот див может оказаться посерёд экрана, …
0 votes5 answers -
Равномерно разместить содержимое ячеек таблицы.
Есть таблица. В одной из её ячеек помещена еще одна таблица. Как сделать так, чтобы первая ячейка прижалась влево, последняя - к правому краю. А оставшиеся 4 ячейки распределились по свободному месту между первой и последней? Размер картинок известен и для всех шести одиноков. Спасибо.
0 votes7 answers -
Чего не хватает для работы а:hover
Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }
0 votes9 answers -
Вопрос по Usemap
Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…
0 votes5 answers -
если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?
Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …
0 votes5 answers -
Позиционирование текста
Есть шапка, вот схема: 1. Требуется совет, правильно ли я сделал, что полосу, в которой будет меню слил с шапкой в единую картинку? Или лучше ее делать контейнером?
0 votes6 answers -
Пропорциональное выравнивание блоков по горизонтале
Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…
0 votes9 answers -
Как вставлять рисунки?
вот читаю в самочучителе как это делать но видны рисунки только в файле штмл на компьтере, а на хостинге картинок нет. потому что там относительные ссылки не работают естессно. но делать ссылки картинок из других сайтов не то. своих тогда никак не сделать. подскажите как вставить? ася 356110812
0 votes5 answers -
Проблема с футером
http://www.sobzem.ru/ Стили Проверял у себя на компе: IE8 Chrome FF3.5 У знакомого на компе IE6 Всё работает как нужно У 3-х людей проблемы в IE8 и FF3.5 Тут почему-то белые заголовки Исправил вроде... Не пойму почему во всех браузерах всё было ок... Стоял цвет белый в стилях... Тут картинка должна быть над текстом Тут тоже вроде решил, решил оставить так. )) Тут подвал вообще уехал Это не могу проверить ((( Если кто увидет съехавший подвал отпишите. В чём могут быть проблемы ?
0 votes0 answers -
Оптимизация
Добрый день, посетители форума. Я здесь недавно. Очень много информации. Это хорошо. У меня мало времени, поэтому со всем на форуме ознакомиться не смог. Прошу прощения, если тема уже была затронута. Речь пойдёт об оптимизации сайта под различные браузеры. Мой сайт сделан без применения рнр и других языков програмирования. Он создан исключительно на html. Так же присутствует и javascript. Просматриваю его в основном через ie8 (пока что в разработке). Мне этот браузер кажется наиболее удобным. Но когда я увидел сайт через FF и Оперу, то сильно расстроился. Сайт выглядел иначе. Многие элементы дизайна не отображались. Я решил всё-таки доделать сайт в ие, а уже потом перейти…
0 votes24 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-