d0ublezer0
-
Posts
784 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by d0ublezer0
-
Дайте ссылку на страницу, где у вас проблема?
-
Да, вариант три: Использовать картинку, совмещающую в себе оба изображения, вложить её в div с overflow:hidden или как background со смещением и по наведению через hover менять положение внутри слоя. Таким образом, у вас всегда будет полностью загруженное изображение, и будет меняться без тормозов и без использования JS, который у некоторых может быть и отключен.. Да, вот и скрипт предварительной загрузки: <body onload="MM_preloadImages('картинка-раз.jpg','картинка-два.jpg')"> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } //--> </script> Ясно, что код не мой. Ну да. Вот тут можно почитать про спрайты и их использование P.S. Блин, три сообщения в одно склеились
-
Весь код в студию. Мысль - если вы меняете картинку в подчиненном элементе при наведении - то для чего вам javascript? Можно ведь использовать псевдокласс hover. По вашей проблеме (медленная загрузка) Вариант раз: оптимизировать графику, чтобы меньше весила. Вариант два: использовать JS префетч какой-нибудь, например похожие функции были в DreamWeaver
-
Первая. Галку активность - влево, и пояснить, что такое "активность". Непонятно, чем отличаются поля с двойными звездочками (**) от одинарных Исправить ошибки: зарегистрированным, текст объявления Поясните, как требуется "подтвердить что вы человек"? Есть люди, которые CAPTCHA в первый раз видят. И еще я не понял - всего одно поле для загрузки фотографии, и метка "Фотография №1". Предполагаются еще поля?
-
Всё-таки я решил сделать карточки фиксированной высоты. Не влезающие строки закрыл градиентом: вот так Одна только проблема появилась - градиент мешает нажать на ссылку
-
Так вам для чего эти ячейки? Только для оформления? Используйте вложенные DIV с абсолютным позиционированием. Возможно только возникнет проблема с центральной частью, как ее растянуть на всю высоту вашей ячейки.
-
href?
-
Не понятно, чего вы хотите добиться. К тому же не видно ваших заливок - как они должны накладываться друг на друга (т.е. какой визуальный эффект вы хотите получить) Приложите скриншоты, где видно как должно быть и как получается.
-
Searcher, я так понял, что ему нужны все тянущиеся В таком случае вам, Blockhead, наверное только таблицы помогут. Особенно, если вы формируете страницу через, к примеру, PHP - то совершенно никаких проблем нет переписать код вывода (одна идли две колонки). UPD: О, да, а что вам мешает при формировании страницы в таком случае (PHP) переназначить стили вашим колоночным слоям? UPD2: В случае, если вы не используете серверные языки или вам нужно оперативное реагирование (ну к примеру, вы убираете колонку средствами JS) то точно также через JS можете поменять классы у оставшихся колонок.
-
Друзья, вы все правы, и все эти варианты я уже прокручивал в голове, но идеального решения так и не нашел. Вариантов несколько: 1.Сделать блоки равной высоты, задав принудительно высоту каждому элементу. Минус раз - нельзя заранее определить, какой длины будет текст. Вариант решения - наложить сверху полупрозрачный градиент PNG, получится некий эффект исчезания текста Минус два - при коротком тексте будут "дыры". 2.Таблицы как инструмент разметки (самый простой) Минус - расстояние по вертикали между блоками останется "плавающим". 3. Скрипты (?) Вообще говоря, не хотелось бы их использовать, потому что это слишком не надежно. Sigma77, попробую предложенное вами решение. читал ведь уже, только из головы вылетело
-
Ответ на первый вопрос: средствами СSS Ответ на второй вопрос: да Уточните задачу.
-
#up1 { background:red; height:81px; overflow:hidden; }
-
Всем здрасте. Имеем блоки с картинкой товара, его названием и ценой. Блоки фиксированной ширины, имеют стиль float:left; Т.к. название обычно разной длины, блоки растягиваются внутренним содержимым по высоте. Пример того, что получается, можно посмотреть на этой странице. Как видно из моего состояния страницы, из-за разницы в высоте блоков некоторые из них располагаются в хаотичном порядке. Так сказать, кому места хватило - тот и влез. Цель - либо выровнять высоту самих блоков, либо как-то заставить блоки понимать, какой отступ снизу/сверху они должны использовать, чтобы таблички располагались ровно. Делать таблицей уж очень не хочется..
-
Внутренние элементы растягивают блок в IE6
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Searcher Да, всё прекрасно. Zoom оказался в принципе не нужен, и без него всё хорошо работает. Только из-за float:left в основном элементе (А) он теперь сползает куда не следует. Вложу еще в один контейнер. Спасибо! -
Внутренние элементы растягивают блок в IE6
d0ublezer0 replied to d0ublezer0's question in HTML Coding
То ли Searcher любит покушать, то ли проблема оказалась не такой простой -
Внутренние элементы растягивают блок в IE6
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Приятного аппетита, жду с нетерпением -
Внутренние элементы растягивают блок в IE6
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Эхх.. Плавающие блоки не спасли картину, если присвоить ссылке float - она также растягивается. Или вы имели ввиду, что её нужно еще в отдельный контейнер вложить? Кстати, метод, предложенный Scrum, мне известен - но он не позволяет сделать обрамление слева и справа у элемента ссылки (посмотрите на картинку). Для чего, собственно и затевались пляски с вложенными B и I Так, ладно, вот вам демонстрация -
Внутренние элементы растягивают блок в IE6
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Почему опасно? Этот код вызывается только для IE6: <!--[if lte IE 6]> <link href="/templates/sinclair/css/ieonly.css" rel="stylesheet" type="text/css" /> <![endif]--> Потому что в IE8 на кнопке (ссылке) почему-то не показывается курсор с рукой, вместо него - тектовый курсор. Подозреваю, что из-за вложенности элементов. Всем спасибо за участие, но мне нужно не меню, а именно кнопка. Вот как должно быть (так в Firefox и IE8): А вот как получается в IE6: Также по размерам - установлена только высота, чтобы целиком показать background кнопки. А inline-table и inline-block я использовал, чтобы кнопка не растягивалась на ширину родительского элемента. Да, кстати, в O'REILLY CSS Reference указано, что display:inline-block появился в IE5.5 -
Внутренние элементы растягивают блок в IE6
d0ublezer0 replied to d0ublezer0's question in HTML Coding
ZOOM + Inline не помогли - та же песня. Searcher А что именно коряво, как улучшить? -
CSS: a.sbt { background:url("/templates/sinclair/images/sml_btn_bg.png") repeat-x; display:inline-block; height:22px; line-height: 22px; white-space: nowrap; color:#fff; text-decoration: none; cursor: hand; } a.sbt b, a.sbt i{ display: block; height:22px; font-style: normal; font-weight: normal; cursor: hand; } a.sbt b{ background:url("/templates/sinclair/images/sml_btn_l.png") no-repeat left top; } a.sbt i{ background:url("/templates/sinclair/images/sml_btn_r.png") no-repeat right top; padding-left:10px; padding-right:10px; } HTML: <a class="sbt" href="ss"><b><i>Добавить в корзину</i></b></a> Должна получиться кнопка,растянутая по размеру надписи на ней, а в IE6 она растягивается до 100% родительского элемента. применение для IE6 стиля a.sbt { display:inline-block !important; } положительного результата не дает - внутренние <B> и <I> растягивают её. Как его обмануть? Ширина кнопки заранее не известна
-
Есть RSS фидер на php, который выводит заголовки и описания новостей из RSS источников со сторонних сайтов. Проблема такая: rss поставляется в utf8 кодировке, а сайт, на котором осуществляется вывод - в кодировке win1251 Делаю перекодирование: $text = iconv('utf-8', 'cp1251', $text); Большинство новостных лент нормально перекодируются и отображаются. А вот одна из них, имеет в тексте неразрывные пробелы И то ли iconv спотыкается на этом символе, то ли еще какой полтергейст происходит, но после перекодирования текст обрывается прямо перед неразрывным пробелом. пытался до перекодирования делать $text = str_replace(' ', " ", $text); Не помогло, всё равно, в utf выводе этот код присутствует, а переделанный - обрезается. Что я сделал не так? Разобрался. там сначала выполнялось html_entity_decode можно удалить тему
-
В итоге я сделал абсолютным блоком и его спозиционировал. Спасибо всем, с этим разобрались. Теперь еще одна проблема всплыла: меню должно иметь 40% заливку черным. При использовании фикса, заливка (картинка с прозрачностью) полностью пропадает. Что подкрутить? Иначе в IE6 получается, что у мужика на картинке буквы прямо в лоб впечатаны
-
Другой способ задать прозрачность или другой способ позиционировать? Вопрос "в лоб" поставил Гугль в тупик. Точнее, меня. Я прошу прощения, но сегодня день после празднования ДР, поэтому соображаю туго. Если не лень, дайте ссылку с ответом? Спасибо.
-
Для просмотра этого глюка необходим IE6: http://denver.transmagistral.ru/ для слоя с мужиком на картинке отрабатывает правило: <!--[if lt IE 7]> <style> .png { _behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } </style> <![endif]--> В результате чего мужик слетает влево, хотя основной CSS: #man{ background-image:url(/images/image16.png); background-position:100% 65px; background-repeat:no-repeat; height:490px; } Как исправить поведение фона в IE?
-
Нужен скрипт: Блок, плавающий по странице вверх-вниз
d0ublezer0 replied to d0ublezer0's question in JavaScript
Всё, сам нашел.