tt48

..border я пробовал менять для примера. мне только панельки менять надо, по их положению. Спасибо за пример, не думал, что туту может быть delay, да и про группирование селекторов не вспоминал. Только его все равно плющит - пропускает ход и инвертирует порядок выдвижения (наводишь, а они исчезают). Буду смотреть либо в сторону animate, либо чистого js.

.nojs2 .wslide:hover .tslide{ left:0;/*этот протупил*/ } .nojs2 .wslide:hover .rslide{ left:0; } Спасибо. Оказалось, проставил для ie margin-left:100%; (при работе скрипта ie плохо отображал просто left:100% Терь фокус с верхней панельки сразу после верхнего бордюра съедается..

Доброго времени суток. http://beavers-net.narod.ru/primers/av_trouble.html Есть такая вот страничка.. <meta http-equiv="X-UA-Compatible" content="IE=7" /> так что открывать можно любым осликом gte 7. IE как-то странно себя очень ведет..Он считает, что .wslide .tslide, .wslide .rslide{display:block;} - совершенно другая вещь, нежели .wslide .tslide{ display:none; } .wslide:hover .tslide{ display: block } Всмысле, разнится положение этих блоков при ховере. Баннеры янды тут ни при чем - гонял на локалке, прежде чем выложить. Буду счастлив любой идее по поводу сорта травы для несчастного ослика.. С уважением, Олег.

Короткие строки легче читать. Про глобальную область видимости опять забыл, спасибо. http://beavers-net.narod.ru/primers/av_trouble_script.html теперь оно обратно не всегда убирается..( С уважением, Олег.

хм.. думал этот эффект устоявшийся... жаль.. Укажите картинке display: block; в стилях - opera должна будет быть довольна.

Доброго времени суток. Суть вопросы простая - есть фигнюшка выезжающая и при известных обстоятельствах зацикливается. Чтоб убрать - надо юзать таймер..а как передать в setTimeout вызов функции с указателем в качестве параметра - тут никак.. var t; function slide_icon(event){ event = event || window.event; var sender=event.target||event.srcElement; sender.style.border='1px solid red'; t=clearInterval(); clearTimeout(t); t=setTimeout( function(sender){ sender.style.border='1px solid yellow';/*ошибка ,( */ $(sender).find('.lslide').toggle(200); $(sender).find('.rslide').toggle(200); $(sender).find('.tslide').slideToggle(200); }, 25 ); } (function($) { $(function() { $('body').removeClass('nojs'); $('.wslide').hover( slide_icon,slide_icon ); } ) } )(jQuery) Заранее спасибо. С уважением, Олег.

size - это указание ширины в моноширинных буквах.. http://htmlbook.ru/html/input/size Надо бы проверить, какой размер стоит(может стили перегружали) у текста для разных браузеров и еще как вариант - использовались небезопасные шрифты. http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html Там все в картинках про безопастные показано. ..можно еще подумать в сторону свойства letter-spacing, но не думаю, что он может разниться от браузеров. padding тоже можно проверить..

С табличкой не прокатило.. ie згрыз идею на корню. Чем прошлые два метода не пригодны? Если ширина фиксированная пугает - так её в любом случае проставлять картинкам придется, можно и инлайн-стили запользовать.

не класс, а id По поводу разного вида - смотри, что у тебя в head творится. Просто сравнивай доктайп, подключенные стили, порядок подключения..

#ja-search table{ line-height: 1; }

<!--[if IE 6]><link href="style/ie6.css" rel="stylesheet" media="all" /><![endif]--> <!--[if IE 7]><link href="style/ie7.css" rel="stylesheet" media="all" /><![endif]--> <!--[if IE 8]><link href="style/ie8.css" rel="stylesheet" media="all" /><![endif]--> <link rel = "stylesheet" type = "text/css" href = "style/style.css" /> Нелогичный порядок. На остальных порядок верный.

Я исходил из картинок. А так - не суть важно. Изменить-то всего придется overflow-x на y

Простой и понятный вариант - http://beavers-net.narod.ru/primers/scrolled1.html (не работает в ie 6, не зависит от ширины) Вариант посложнее - http://beavers-net.narod.ru/primers/scrolled2.html (работает везде, ширину одной колонки задать придется) Второй вариант придется дорабатывать под условия - думаю, вполне будет по силам. Как третий вариант - сделать табличкой. table - width:100%; Первая ячейка - width: 1px; вторая - overflow-x: scroll; Не зависит от ширины левой колонки(задавать её фиксированной не придется). Вариант неинтересный, потому пример писать не буду. overflow-x - CSS3.0. http://htmlbook.ru/css/overflow-x Можно сказать, поддерживается всеми... Как раз auto в моих примерах можно на него заменить.

[if lte IE7] тогда уж.

У меня IE8 не подал голоса при посещении обоих страниц. или он как-то хитро об этом оповещать должен?

.blok { text-align: center; left:0; height: 100%; *height: 10000em;/*OPERA 11 doesn't cut this block-- this value only for ie*/ } .blok2{ float: none;/* protects from .containir overflow */ } .contentir{ margin: 0 17px 0 15px; } Учитывая, что в левой колонке заведомо контента будет меньше - этого вполне хватит. Если вдруг нет - http://beavers-net.narod.ru/equ_fixed_column.html

похоже, он просто не может нормально картинки показывать. Сделайте их в одном расширении. Сдвиг похоже, там поменьше пикселя будет - при увеличении пропадает.

<?xml version="1.0" encoding="windows-1251"?> <!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="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type='text/css'> ul.list{ width: 500px; margin:0 auto; border: 10px dotted pink; list-style-type: none; padding:0; } ul.list h1{ text-align: center; } ul.list > li{ display: block; clear: both; border: 1px solid black; overflow: hidden; } ul.list > li > img{ height: 200px; width : 200px; border: 1px solid red; float: left;/* or comment it and uncomment next*/ } /*ul.list > li > img, ul.list ul{ display: inline-block; clear: none; vertical-align: middle; }*/ ul.list ul{ border: 1px solid yellow; width: auto; list-style-type: none; } </style> </head> <body> <ul class='list'> <li> <h1>Заголовок</h1> <img src="poisk4.jpg" height/> <ul> <li>Текст:123</li> <li>Текст:123</li> <li>Текст:123</li> </ul> </li> </ul> </body> </html> имхо

Прогнал с 6-й до 8-й версии - нифига не увидел.. <!--[if IE]> <style type='text/css'> </style> <![endif]-->

http://trifler.ru/blog/i/layouts/absolute/anchor.htm вот еще способ с абсолютом работать должен. Как прилепить - у меня отвал башки, так что придется шевельнуть мозгой. имхо: сделай фоновую картинку побольше - в лисе подтормаживает при прокрутке (ему приходится мостить её очень много) - хотябы раза в 4 по площади.. и лучше сделать её квадратной. при доктайпе <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML лучше юзать <br />, а не <br> <center> внутри <font> - тоже нехорошо. картинка в div.endl - уже остального на 1px по размерам. Удачи.

Прям заинтриговал.. ..а зачем float: left?

#id { position: absolute; top: 10%; /*margin:10% 0 0 10%;*/ margin:0; margin-left:10%; width: 10%; height: 10%; background: black; } #id2 { position: absolute; top: 20%; /*margin:20% 0 0 10%;*/ margin:0; margin-left:10%; width: 100px; height: 10%; background: green; } html,body{ height: 100%; margin:0; padding:0; } так показывает получше, но в FF нету пиксельного промежутка, а в хроме и опере есть. А почему это должно зависеть от ширины? Высота еще понятно.. Где об этом можно почитать (keyword если можно)? С уважением, Олег.

Сервер не найден. К тому же - соседняя ветка вроде ближе к теме "like no other" - как говорит Sony.

Может я малость слеповат, но мне кажется, что картинка, по сути, повторяется по вертикали.. итого, как минимум, можно вырезать середину, установить фоновый цвет, сделать отступ для..короче - background: #fefefe url() repeat-y 0 300px; а у картинки вырезать середину с серыми штрихами. По поводу разрезания и пр. Резка картинок порой позволяет снизить их суммарный вес, без особой потери качества, но увеличивает количество обращений к серваку... имхо - нафиг надо замарачиваться с разрезкой, потом склейкой.. По поводу масштабирования фона - зависит от контента поверх. Будет текст - при большой увеличении упадет контраст между фоном и читаемым - очень неприятно. Также при масштабировании в любом случае будут артефакты пожатия\увеличения. Так что моё мнение - вырезать серединку и убавить количество цветов..наверное, лучше будет в png сохранять - качество повыше будет, а на размере сильно сказаться не должно. С уважением, Олег.

В янде и правда есть... если убрать - ничего не изменится...по верстке... может есть скрытый смысл...типа там сообщение инопланетянам. Что не знаешь, лучше не юзать - много лишнего кода будет. Удачи.