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
-
Отображение блока только в Opera?
Прелюдия: При разработке интерфейса, столкнулся с проблемой что визуальный редактор TinyMCE некорректно работает в браузерах Opera10+. Более или менее сносно работает только тема simple, в которой ограниченный набор функций. Действия: Решением в данной ситуации было вынести плагины во внешний блок. Что было тут же реализовано. Проблема: Как спрятать этот блок от всех других кроме Оперы браузеров? Реализация любая: css, js, php... Уже час гуглю - пока 0. _______________________________________________________ js^ if(navigator.userAgent.indexOf("Opera")!=-1){... Дает ошибку в safari & chrome браузерах, надо кроссбраузерное решение...
0 votes6 answers -
Наложение слоев в шапки сайта
Помогите разобраться. На сайте http://okhota64.atp6.ru В шапке накладывались слои логотипа и поиска друг на друга, добавил float:left; но как обычно бывает ситуацияисправилась частично, т.е в лисе все внорме отображается а вот в IE не хочет, слой с поиском ускакивает вправо. Решение с : В браузере Internet Explorer 6 наблюдается ошибка с удвоением значения левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента. Также в этом браузере добавляется отступ 3px (так называемый «трехпиксельный баг») в направле…
0 votes5 answers -
в IE7 не устанавливается курсор в текстовом поле
Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…
0 votes5 answers -
Помогите пожалуйста сверстать кому не трудно
Кто поможет сверстать простой макет? пожалуйста
0 votes10 answers -
:focus для <a>
К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>) решил проверить с ссЫлкой смотрю в хроме <html> <body> <style type="text/css"> a:focus{ background:red; border:1px solid blue; } </style> <a href="#">oncz</a> </body> </html> цвет ссылки меняется при щелчке на красный на секунду а нужен фон
0 votes5 answers -
Ширина для линейных элементов
Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…
0 votes2 answers -
ГОЛОВОЛОМКА С ВЕСТКОЙ СЛОЕВ И ФРЕЙМОВ
Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 1024*768 все скачет при разрешении 1440*900 шапка впорядке нижние фремы все равно косячат. необходимо чтоб вся инфа на странице была динамичной(при изменении разрешения картинки уменьшались вот как тут http://саманта74.рф/ вот код подскажите пожалуйста <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/JavaScript" src="index/k…
0 votes2 answers -
помогите убрать странный отступ снизу
помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …
0 votes2 answers -
Таблица не слушается css
Всем привет. У меня проблема: скопировал таблицу из Ворда прямо в редактор umi.cms; пытаюсь выставить её по центру страницы тэгом в хтмл align="center" - в редакторе выглядит хорошо, но на странице без изменений - всё равно слева. Техподдержка мне ответила, мол, выравнивай в css. Я делаю строчку в css: div.content_kurs table.rovnost {margin: 0 auto;} а в хтмл прописываю table class="rovnost" Проблема: таблице всё равно.. Пробовал даже поставить так: div.content_kurs table.rovnost {font-size: 51px} чтобы вызвать гигантский шрифт (может я в margin: 0 auto; ошибся) - никакой реакции. Ч.я.д.н.т ? Заранее спасибо.
0 votes4 answers -
Закругленные уголки в Опере
Всем привет. Задача: сделать закругленное (верхняя часть) меню из четырех пунктов. Проблема в том, что фон основного сайта отличается от меню из-за этого видны рамки пунктов (ведь опере не закругляет углы без border), ну и с hover конечно же проблема. Мое решение: добавил дополнительный элемент с картинкой - закругленные уголки в цвет основного фона + position:absolute в результате чего картинка перекрывает все мои недочеты. help решение очень некрасивое, посоветуйте в каком направлении покопать чтобы решить на css без доп элементов html и картинок (без js и т.п.), буду очень признателен (IE 8+). Пример здесь Если раскомментируете стиль test, будет видно мое "решение". …
0 votes5 answers -
Верстка блоков за пределами окна.
Здравствуйте. Вот сайт http://big-buy.in.ua/domashnij-kinoteatr.html. На странице сверстаны "уши" в виде ромбов. Сейчас - это абсолютно спозиционированные блоки :after и :before для #main-content. Проблема: 1) имеем горизонтальную полосу прокрутки(причем она появляется, только, если есть блок :before) 2) на iphone полоса прокрутки автоматически устанавливается по центру, контент как-бы прилипает к левому краю и левые уши не видно вообще. Пробовал устанавливать для body overflow-x: hidden, но это не выход, да и на айфонах проблема остается. Спасибо.
0 votes5 answers -
смена гарнитуры в google fonts
помогите пожалуйста разобраться скачать и подключил шрифт из хранилища google. не понимаю как мне использовать гарнитуру bold. если я запишу так font: bold 24px 'Titillium', arial, sans-serif;, то сработает именно гарнитура bold из хранилища google или просто браузер своими средствами добавит жирность?
0 votes7 answers -
Проблемы с адаптивной версткой
Всем привет. Начал учиться адаптивной верстке. Сразу же возникли первые проблема. Верстаю шапку, прописываю ей width:100% и max-width:960px. При уменьшении окна браузера примерно с 1000px откуда то появляется горизонтальная прокрутка. Откуда, никак не могу понять. Посмотрите, может у меня вообще не правильный подход к верстке. Заранее спасибо. http://cm04741.tmweb.ru/test.html
0 votes3 answers -
закругление Как закруглить тень вмести с div блоком?!
День добрый делая сайт я столкнулся с такой проблемой!Вот я закруглил края ( div { border-radius: 10px;} ) и теперь мне нужно добавить тень (закругленную). Как мне это сделать!?Если просто накладывать тень то происходит это (в картинках, сравни). Как вы видите тень не правильно становится! Как мне быть?! Ссылка на сайтец(стоит регистрация. Пароли защищены VBScript - подобия md5): P.S. Я НОВИЧОК!Простите меня за какие-то грубые ошибки :-/
0 votes1 answer -
0 votes2 answers
-
Критическая величина!
Незнаю правильно или не правильно я назвал тему но у меня вопрос достойный лягушатника! Каким образом сделать верстку дивами так чтоб при уменьшении окна браузера блоки не меняли своего положения (где то я читал что это называется критической точкой) В общем вот код <style type="text/css"> body,html { height:100%; background-color: blue; margin:0; padding:0; } a:link {color: #4f0100;text-decoration: none;} a:active {color: #4f0100;text-decoration: none} a:visited {color: #4f0100;text-decoration: none} a:hover {color: #4f0100;text-decoration: underline} #shapka { background-color: red; margin:auto; width: 100%; height: 148; } #s1 { float: left; position:…
0 votes2 answers -
верста картинке
Друзья к вам большая просьба. Я начинающий юзер, ну мне сразу попалась вроде бы такая не тяжёлая задача но найти выход я не могу самостоятельно. короче: как сделать так чтобы флеш ролик уходила за правый край без скрола просто пропадал? Есть таблица сайта <table width="95%" идет вот так мне нужно втулить в хидер флеш ролик (ну или ява скрипт с картинками и ефектом фейда, слайдшоу) размером width 1900px. какой тут задум. чтобы люди на разных мониторам могли ее видеть с этих 1900, 1680 будет сама картинка а дальше просто черное продолжение. помогите с кодом. только как для начинающего. НЕ смейтесь громко. ведь все когда то чему то учаться. распишите код как это сделат…
0 votes2 answers -
Флэш вылазиет за страницу(
В общем не могу ничего понять, на сайте есть флэш в таблице справа, на моём разрешении всё номрально, но начинаю пробовать более маленькие происходит вот такая беда в цссе примерно слеждущее body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertical-align : text-bottom; } input, textarea, select { font-family : inherit; font-size :…
0 votes1 answer -
Один домен с www и без, с разными robots.txt
Есть домен zb-susu.ru. По адресам типа: http://www.zb-susu.ru/ http://www.zb-susu.ru/Новости/ http://www.zb-susu.ru/Структура/ открывается один сайт, лежащий в Москве. По адресам типа: http://zb-susu.ru/~marta/ http://zb-susu.ru/~gelrot/ http://giupip.zb-susu.ru/ http://eapp.zb-susu.ru/bzd/ http://photo.zb-susu.ru/cgi-bin/index.cgi открывается другой сайт, лежащий в нашем городе, не в Москве. При открытии главной страницы http://zb-susu.ru/ сервер перебрасывает пользователя на страницу http://www.zb-susu.ru/ Мы сделано это специально, так задумано. Тут все правильно. Вопрос заключается в том, как правильно организовать разные файлы http://www.zb-susu.ru/robots.txt и http:…
0 votes2 answers -
Дивы, как фрэймы. Помогите сделать?
Допустим есть два блока Div. Блок «А» и блок «В». В блоке «А» расположены ссылки, которые ведут на соответствующие файлы «.html». Можно ли сделать так, что бы по клику на ссылку в блоке «А» страница, расположенная по этой ссылке загрузилась в блок «В»? При этом нужно что бы вся страница полностью не обновилась... В общем как будто блок «В» это фрейм. Чистых фреймов использовать не охота. Спасибо
0 votes2 answers -
Картинка поверх объекта
Всем привет. Столкнулся с проблемой. У меня есть объект на странице. Мне нужно поверх него наложить PNG картинку с вырезом по центру и чтобы карта работала (скрыть края карты, чтобы она "вливалась" в дизайн страницы). Вот сам объект (demo). Заранее большое спасибо!
0 votes2 answers -
CSS МЕню
Всем доброго времени суток! Нужна помощь. есть горизонтальное меню и у каждого пункта меню есть подменю. как сделать так чтобы подменю отображалось ниже родительского пункта меню и горизонталным списком, а так же что бы находилось на одном уровне с родительским пунктом меню. пример пункт 1 | пункт 2 | пункт 3 _________ подпункт 2.1 | подпункт 2.2
0 votes5 answers -
Прижать футер к низу страницы
Помещаю все содержимое страницы во wrapper(растягиваю на 100% по высоте), footer делаю с отрицательным отступом, все ОК. Но как сделать отступ в 20px сверху? p.s. ладно черт с ним с футером, как просто растянуть блок по высоте окна браузера и сделать фиксированный отступ сверху?
0 votes8 answers -
DOCTYPE и кривизна вёрстки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> есть такая делема, если поставить DOCTYPE то в CSS работает hover но часть ститей в ie полностью отключаются, если не ставить то в таблицах работает height="100%" для многих динамических элементов CSS.hover просто необходим и таблици растягивать то же нужно, может есть какой нибудь выход, просто очень нужно и то и другое.
0 votes8 answers -
Центрирование фоновой картинки для тега body
Здравствуйте уважаемые веб-мастера! Подскажите как сделать фоновое изображение тега body по середине экрана? Пример: Прописал в стиле следующее: body { background: url(../img/bg_body.jpg) no-repeat ; height: 1000px; margin: 0 auto; width: 960px; } размер изображения bg_body.jpg 960px на 100px. расширение экрана 1600х900. Но в окне браузера, фоновое изображение расположено не посередине окна, а у левого - верхнего угла окна.
0 votes2 answers