StormMan
-
Posts
71 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by StormMan
-
mishka2, у меня с тех же браузеров ошибка есть... Но это вселяет надежду на то, что, получается, не все юзеры мучаются))) s0rr0w, большущее спасибо! Файл переименовал - всё заработало Временно его имя http://musikanti.ru/fbmenu/fbmenu_js/ats_fbmenu--.js Только вот функционал сайта теперь урезался. Нижнее меню, которое у меня для чата и вебкамеры, работать перестало. Что посоветуете сделать с файлом, чтобы меню заработало? Насколько я понял, проблема в Scrollable. На сайте есть скрипт http://musikanti.ru/fbmenu/fbmenu_js/jquery.scrollable.js - проблема в нём? Или в какой-то части http://musikanti.ru/fbmenu/fbmenu_js/ats_fbmenu--.js ? Подскажите, где копать - хочу вернуть нижнему меню рабочее состояние. Как-никак, кровные за него платил...
-
Друзья, выручайте! Очень нужна помощь! Уже несколько дней пытаюсь решить проблему, безуспешно... Помогите советом, хотя бы где копать
-
В высоту и в ширину? Проблема может быть с тем, что у страниц в зависимости от контента разная высота может быть, и при растягивании в ширину по высоте контента потеряются пропорции, или же фоновая картинка займёт очень малую долю от страницы, оставив всё, что ниже первых 100% пиксилей экрана без фона. Если это не имеет значения или высота контента строго задана, то описанный выше способ от psywalker'а с картинкой - то, что доктор прописал. А scale - это параметр для фильтра какого-то, который кроме использования в спасении png-прозрачности я нигде и не встречал.
-
Извиняюсь, ссылка не проставилась почему-то. Вот здесь, на этой странице можно проверить, в поле для комментария: ввести какой-нибудь текст и попробовать переместить курсор по нему клавишами влево-вправо. Почему-то они не работают. Вверх-вниз - без проблем, в влево и вправо вообще никак... В чём может быть дело?
-
Друзья, прошу помощи. Уже не первый год занимаюсь сайтами, с таким чудом столкнулся впервые. Неожиданно для меня в текстовых полях определённого модуля сайта перестали работать стрелки клавиатуры влево-вправо. работает пробел, работают стрелки вверх-вниз... Всё работает, но влево-вправо - нет. Это что-то неописуемое. На этом же самом движке сделал новый сайт - всё без проблем, всё работает, а тут просто чудеса какие-то. Всё нормально было, и тут вдруг такое... Непонятно, что произошло. Пользователи недовольны, да и самому неудобно в тексте чтобы курсор переставить, приходится мышкой по нужному месту кликать. В чём может быть дело? Сайт и проблему можно посмотреть тут в поле комментария, но трудность в том, что все комменты на сайте закрыты, и без регистрации не активны. Можно воспользоваться тестовым аккаунтом, чтобы не принуждать никого к регистрации: test@musikanti.ru 123456789 весь яндекс перерыл, не знаю даже где копать. помогите, пожалуйста.
-
Когда проблему долго не получается решить, выход есть один: переписать всё с нуля! Так что, тридцать минут работы по переписыванию кода решили проблему, которую не удавалось решить много-много часов. Теперь всё работает. Но где была ошибка, науке так и не известно. Старый вариант вёрстки унёс тайну с собой.......
-
Я проблему решал, вставляя блок с паддингами в другой блок нужного размера с overflow:hidden Других способов решения не нашёл, так как старые версии IE блоки на padding не увеличивают и теряется кроссбраузерность.
-
Друзья, проблема у меня вот какая. Сделал резиновый трёхколоночный шаблон на дивах. Резиновым он получается за счёт того, что правая и левая колонка - плавающие блоки, а центральная - обыкновенный, но с отступами с левой и правой сторон, чтобы оставить место для боковых столбцов. В общем, принцип такой: <head> <title>Три колонки</title> <style><!-- body { margin: 0; padding: 0; } div { height: 500px; margin: 0; padding: 0; } .left_col { float: left; width: 200px; background: red; } .right_col { float: right; width: 200px; background: blue; } .middle_col { margin: 0 13em; background: green; } --></style> </head> <body> <div class="left_col"> </div> <div class="right_col"> </div> <div class="middle_col"> </div> </body> Этот код работает во всех браузерах. Я его воплотил в дизайне на http://irkutskmobi.ru/ и был крайне удивлён, когда увидел, что в Google Chrome и Safari центральная колонка занимает не всё пространство между боковыми блоками, а только маленькую его часть, и имеет статичную ширину. В других браузерах - в Осле, FF, Опере всё ок. Уже второй день пытаюсь найти, в чём дело, и не получается.... Помогите, пожалуйста!
-
serjico, по первому пункту посмотри здесь: http://www.artlebedev.ru/tools/technogrett...x_floats_in_ie/ С остальным всё-таки придётся повозиться. Я поспешил.
-
Попробовал разные варианты... image к сожалению не подходит. Даже если прописать src="img/but1.png" в теге input, то в опере получается новый косяк - рамка, равно как и в Лисе.... Как-то должно лечиться это смещение при нажатии... Если делать через <a onclick="form.submit()></a> или <a> вместо <input>, то как это должно выглядеть в разметке и стилях? Подскажите пожалуйста
-
Victor Ananiev, спасибо за пояснение Вот оно значит что... Значит, попробовал я имейджем это дело оформить... Сразу вопрос - если я хочу, чтобы на фоне картинки был текст, то как это реализовать? И, похоже, Осёл это дело совсем не понимает - он изобразил мне на фоне фоновой картинки значок отстутствующего изображения (src я по понятным причинам не написал)...
-
В первом варианте сделать более светлый фон (почти белый, пастельного тона, и не такой насыщенный - например, светло-серо-зелёный), и подкорректировать шапку - изменить шрифт или сделать текст хотя бы чуть более заметным за счёт либо усиления тени от шрифта, либо снижением контрастности картинки. На контрастных разноцветных картинках текст читается плохо. Ну а вообще, если не учитывать голубой фон, вариант с зелёными кнопками мне больше нравится
-
Хм, действительно Сорри! Плюс в моём примере "div по ширене 30% по высоте во всю страницу (100%)" не сделано. Ща что-нибудь придумаем
-
Veseloff, спасибо А можно подробнее? Я попробовал прописать <a type='submit' class='button1'>Кнопка</a> сначала внутри формы, потом вне её, в обоих случаях результат - банальное исчезновение кнопки, и появление вместо неё просто надписи "Кнопка" с дефолтными стилями ссылки и с полным отсутствием какой-либо реакции на нажатие. Как сделать правильно? По ходу я запутался... Searcher, спасибо за ответ А как сделать, чтобы в случае type="image" происходил сабмит при клике? А насчёт <a onclick="form.submit()"></a>... Я попробовал в таком виде написать вне и внутри формы: <a onclick="form.submit()" class="button1">Кнопка</a>, в результате получилось то же самое, что и в случае с вариантом Veseloff'а - просто надписи "Кнопка" с дефолтными стилями ссылки и без каких-либо реакций на нажатие... Похоже, я напутал что-то либо с html, либо в стилях неправильно описан класс button1... Где ошибка? В стилях я изменил совсем немного - убрал input перед объявлением button1 и button1:hover. Может, надо было изменить что-то ещё? Напишите пожалуйста пример конкретный как сделать
-
Если я правильно понял, для первого дива задаёшь высоту height:100px;, остальные два видимо придётся засунуть в ещё один див (иначе посчитать 35% от оставшегося будет труднее), этому диву задаёшь высоту height: 100% -100px; и в нём ставишь два дива с размерами в 35% и 65% соответственно. Должно работать без всяких паддингов и маржинов. Сразу предупреждаю - не тестил. Если что работать не будет - пиши. P.S. Следи за грамматикой - я только с третьего раза понял, что написано. Думаю, многие после первого раза просто закрывают такие сообщения и идут дальше
-
Друзья, доброго времени суток! В html-документе есть форма <form></form>. В ней есть тег <input type='submit' class='button1' value='Кнопка' /> Если в css не прописывать стили для button1, браузеры отображают кнопку в соответствии со своими вкусами - кто серую, кто градиентно-бликовую, с реакцией на события - например, подсветка при наведении мыши, смена бордюра при нажатии, смещение текста и т.п. Цель - задать кнопке собственные стили: картинку в бэкграунде, реакцию на наведение мыши и отсутствие реакции на нажатие. Для реализации первых двух стилей в css пишу: input.button1 { margin-left: 20px; width: 100px; height: 40px; background:url(img/but1.png) 0 0 no-repeat; color: #1F2547; cursor: pointer; border:none; font-family: tahoma, arial, sans-serif; font-weight:bold; font-size: 14px; padding-bottom:6px; } input.button1:hover { color: #B137D0; text-decoration:none; } В результате этих манипуляций браузерные стили кнопки заменяются на мои. Но, к сожалению, это не всё. Дело в том, что мне необходимо избавиться и от реакции на нажатие кнопки, и она разная во всех браузерах. Насколько я понимаю, нужно ещё описать псевдокласс active - реакцию на нажатие. Но вот какие параметры ему задать? Ведь по умолчанию в браузерах свои стили, например, смещение. Я попробовал поиграть с padding, подобрал такие значения, что в Опере при нажатии кнопки смещение пропало (что мне и требовалось), но в Лисе и Осле другие параметры, поэтому смещение в них просто изменило характер. Что посоветуете? Как избавится от этого смещения?
-
Влад, спасибо большое! Теперь всё работает
-
Суть проблемы в том, что элемент li внутри ul смещён относительно последнего примерно на 30пк вправо, в результате чего появляется совершенно ненужный отступ. Проблема актуальна для FF и Оперы, в ослике всё позиционируется нормально. Код: <div style='widht: 50; height: 20;'> <ul style='widht: 50; height: 20; background-color:#F00;'> <li style='widht: 50; height: 20; list-stile:none; background-color:#00F;'></li> </ul> </div> А здесь иллюстрация: http://imageshost.ru/links/9685b3f4ddc5235b009e231e022951ba То бишь проблема оказалась в другом - отступ не внутри дива, а внутри тэга ul. Как лечить?
-
Есть. Я его сюда не скопировал... Вот всё, что до хэда: <!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">
-
Вопрос непонятный, что нужно-то? Текст поменять с Кнопка1 на Кнопка2? Или у тебя картинкой кнопка сделана? Или цвет фона/стиль тескста поменять хочешь? Если картинка, то в общих чертах можно так: .myLink a { background: url(картинка1); } .myLink a:hover { background: url(картинка2); }
-
Друзья, доброго времени суток! У меня проблема. Делаю вёрстку верхнего меню дивами и списком, и непонятно откуда в диве перед списком взялся отступ, видимый в Опере и ФФ, но не существующий в IE7. Суть такая - в сумме ширина вложенных в див элементов списка, заданная конкретными значениями, меньше самого дива (его ширина тоже задана абсолютным значением), но тем не менее див переполняется и крайний левый элемент списка вылетает за пределы дива. Такое ощущение, что внутри дива находится отступ, либо откуда-то берутся поля у элементов списка, ходя в коде я их не задавал. Подскажите, в чём может быть дело? Картинка <html> <head> ..... <style type="text/css"> .div1 { background: #C1D2b3; width: 470px; height:30px; float:left; } .list { text-align: left; line-height: 25px; margin:0px; list-style: none; } ul.list li { display: inline; height: 25px; float: right; padding:0; margin:0; text-align:left; font-weight: bold; font-size:10pt; display:block; color: #1F2547; } </style> </head> <body> <div class='div1'> <ul class="list"> <li style='width:283px; text-align:right; padding-right:40px;'>Текст2</li> <li style='width:73px; text-align:right; padding-right:40px;'>Текст1</li> </ul> </div> </body> </html>