Mordraug

http://www.alistapart.com/articles/horizdropdowns/

По поводу expression: в варианте homm c большой вероятностью возможно подвисание IE если ресайзить окошко туда-сюда в ручную. Вот такой вариант работает увереннее: width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 500 ? "500px" : "auto"); Плюс ко всему придется использовать html, а не xhtml, в котором так же IE виснет при ресайзе. З.Ы. самому тут впервые понадобилась данная фишка, пришлось разбираться с глюками

ну тогда самое простое решение ? второй див внутри с серым фоном...

попробуйте в таблице стилей поместить объявление a:active до a:visited

design.ru ? надежная студия

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

мета будет работать где угодно.. просто не валидно это, но работает. По поводу загрузки ? тут весь эффект у вас построен на принципе "загрузил, рефрешнул, взял из кэша", и проблема кстати, может быть далеко не только с IE, но и с любым браузером, если кэш настроен с ограничениями или отключен. Стройте ваше решение не на кэше браузера.

Ну так вы используйте сам список.. он же тоже блок, по сути. Получится только внешний див-контейнер, и внутренний блок-список.. второй див там не нужен. Тоесть что-то вроде такого: <div class="block_outside"> <ul class="block_inside"> ... </ul> </div>

...имеется ввиду overflow:auto

У меня "на вскидку" получился вот такой вариант (архив .rar ~12 Кб). Это по поводу того, чтобы цыфры не меняли фон при наведении. Ваш последний вариант мне нравится, но не забывайте, что при такой сокращенной записи: padding: 6 6 6 44; указывать размерность обязательно (px, pt, em ? что-то там должно стоять). И еще момент ? вы используете элементы списка, но контейнера самого списка я в разметке не обнаружил.. тег должен быть внутри тега или .В остальном ? можно еще поиграться с паддингами.

ZooY имел ввиду, что при наличии нескольких идентификаторов у одного элемента, поведение того же getElementById будет неочевидным.. тоесть это круто с точки зрения HTML+CSS , но в "стриктовых" языках программирования с этим могут быть проблемы. А зачем нам проблемы? Я бы назвал эту возможность применения нескольких id у одного элемента "фичей" Круто, прикольно, но на практике малоприменимо. А вот с классами наоборот, и круто и прикольно и очень даже применимо. Я бы ко всему этому списку хотел бы следующие возможности иметь: 1. возможность задания нескольких фоновых изображений для одного элемента. 2. возможность задания относительных границ размерности (например для ширины блока что-то вроде "width:100%-200px") тоесть чтобы именно такая запись или схожая работала =)) и так далее =) Но это пока все мечты.

Решать надо именно на списках.. и проблем вообще нет никаких 1. делаете маркированный список ( ) 2. убираете у него маркеры. 3. каждый элемент [*] включает в себя ссылку, которая делается блочной (display:block) нужных размеров (в вашем случае высота 30px, отступ слева 30-40px для размещения картинки ) 4. назначаете картинку для блока ссылки фоном (с атрибутами left center no-repeat) 5. для наведенных ссылок меняете фон с помощью псевдокласса :hover в итоге html конструкция должна получиться примерно такой: <ul> <li><a href="#" title="Title"> Заголовок статьи 1 </a></li> <li><a href="#" title="Title"> Заголовок статьи 2 </a></li> <li><a href="#" title="Title"> Заголовок статьи 3 </a></li> <li><a href="#" title="Title"> Заголовок статьи 4 </a></li> <li><a href="#" title="Title"> Заголовок статьи 5 </a></li> </ul> 1. и картинка и текст будут являться ссылкой. 2. фон будет меняться толкьо под текстом (потомучто высота у вас ? это высота картинки, а картинка ? непрозрачный jepeg). 3.все просто и не надо никаких флоатов там. Если не получится ? выложите пример картинки и заголовка, я на их примере покажу как.

1. Почему вы используете только embed, без ? 2. Если для настроек ролика используется XML ? возможно именно в нем нужно покапаться...

Аналогично, проблем не увидел Опера 9.20 (Версия 9.20, Сборка 8771, Платформа Win32, Система Windows XP)

у вас не будет никаких проблем во всех браузерах кроме IE6, поскольку реализация прозрачности PNG в IE6 использует expression (фильтры). После использования фильтра с фоновым изображением нельзя делать практически никаких манипуляций.. оно не сможет быть размножено по осям (х,y) и не может быть позиционировано, а может быть только либо показано как есть (тоесть в реальный размер картинки PNG), либо "растянуто" на всю область в которой находится.. за эти опции отвечают параметры фильтра ("sizingMethod=crop" и "sizingMethod=scale" соответственно). Поэтому вам придется либо делать фон таким, что при растягивании он бы выглядел как "размноженый" (градиенты по одной оси, но не по двум сразу к примеру прекрасно выглядят), либо делать фон "с запасом".. т.е. заведомо больше блока в котором он распологается и при отображении "как есть" (sizingMethod=crop) он будет показываться соразмерно контенту. А по поводу позиционирования ? в контексте PNG в IE6 нужно делать так, чтобы фон всегда был в положении "left-top". Вроде понятно все изложил

Потомучто это ? разумно и логично.. а называется это "модульным подходом". Модульность может быть как обоснованой и востребованой, так и наоборот. В данном случае она и обоснована и востребована. Это позволяет локализовать проблему (то есть ? не заставлять пользователей нормальных браузеров грузить лишние килобайты "в нагрузку"). Модульный подход используется много где Это, пожалуй, один из самых эффективных подходов в разработке, и давно уже является стандартом де факто. Разделяется HTML и CSS, разделяется оформление и код... при проектировании сложных задач они разбиваются на отдельные и небольшие, в программировании сложный функционал составляется из отдельных модулей... Перечислять можно долго ? факт в том, что это работает и очень хорошо во многих областях.

Самый лучший вариант отдельная таблица стилей для IE6 подключаемая с помощью условных комментариев. В таком варианте ? для всех остальных браузеров будет грузиться именно валидный код как CSS так и HTML разметки, а для IE6 (и ниже кстати вплоть до IE5.0) будуд грузиться эти костыли... А подгружать одну таблицу с наличием этих костылей скажем в FF или Opera ? это отдавать браузеру то, что ему нафиг не надо.. лишний код, лишние байты, не несущие смысла.

можно было бы использовать псевдоклассы :focus и :active, но тот же самый IE их очень своеобразно понимает... Попробуйте, может что-то из этого выйдет А конструкции примерно такие же как в "эффекте перекатывания"

например так: <select onchange="location.href = this.options[this.selectedIndex].value;"> <option value="#" selected> текст текущей ссылки </option> <option value="/mypage1.html"> текст ссылки 1</option> <option value="/mypage2.html"> текст ссылки 2</option> <option value="/mypage3.html"> текст ссылки3</option> </select>

оффтоп: скоро будут появляться темы "забаньте меня на недельку, поработать надо ? отвлекаюсь"

Начну с критики вами заявлено: ....смотрю сайт из портфолио (ссылка) и вижу в своей Опере9 (у меня основной браузер опера) разглюк в отображении. Тоесть получается несоответствие заявленного и увиденного в результатах, что в конечном итоге вам не наруку. Если у вас есть какие-то заявления по поводу качества выполняемой работы ? стремитесь к тому, чтобы выставленные в портфолио работы соответствовали вашим заявлениям, иначе ? нонсенс какой-то Я сам занимаюсь и версткой и дизайном, но в свой портфель (которого нет, но даже если когда-то такой появится) я из более, чем 100 работ по верстке выставил бы, наверное, всего 2 или 3. И не потому что остальные сделаны плохо (хотя есть и такие), а потому что они не соответствуют текущему уровню моих знаний и качеству, которое я могу гарантировать. По сути портфолио (если вы его так назвали, то будем и говорить именно про портфолио) это не просто архив работ, это должна быть некая выдержка лучших проектов, которые должны олицетворять именно текущий уровень выполняемых вами работ... Больше половины же (или даже большинство) фрилансеров, или даже студий под слово "портфолио" складывают все подряд начиная еще с "бородатых" времен, тогда как заказчику (для кого портфолио и делается), по большому счету пофигу на весь список ваших работ, ему не нужно оценивать степень вашего прогресса с первой работы и по текущую.. ему нужны несколько последних работ, по которым можно оценить ваш текущий уровень ? это и есть портфолио. По сайту вцелом сразу чувствуется, что вы именно кодер Всяческих вам успехов, особенно творческих... по себе знаю, как это трудно себя пересилить и начать делать, что-то просто так, а не потому, что кому-то нужно "еще вчера".

у вас ошибка в определении ссылок для .rub. Вы воспользовались группировкой, но не полностью указываете селектор в группе. Ваш код: .rub a:link, a:visited, a:active{ display: block; width: 100%; padding: 4 10 4 30; color: #000; text-decoration: none; } ...а следовало бы написать(обратите внимание на имена селекторов в группе): .rub a:link, .rub a:visited, .rub a:active { display: block; width: 100%; padding: 4 10 4 30; color: #000; text-decoration: none; } Это все от невнимательности По стилям для ссылок: первее в таблице стилей должно быть объявление по селектору тега (в случае с ссылками ? это тег A), а уже после объявления по классам. Если вы сделаете наоборот ? то ваши специфические стили будут перебиты стилями для тега, поскольку такое объявление главнее. То есть ? правильно: a:link, a:visited {....} a:hover {....} . . . . . a.megaclass:link, a.megaclass:visited {.....} a.megaclass:hover {....} А вот так не правильно: a.megaclass:link, a.megaclass:visited {.....} a.megaclass:hover {....} . . . . . a:link, a:visited {....} a:hover {....} И в заключении ? я бы посоветовал вам верстать меню с помощью списка, это логичнее и правильнее

ммм.. вы не совсем меня правильно поняли я не предлагал проверять вводимые неизвестные значения.. я предложил вам определить константы и проверять на соответствие им.. тоесть если это не конкретные значение (которых, как вы сказали у вас не много) ? то использовать значение по умолчанию.. к примеру index.html ... тоесть составьте список констант ваших значений потом при запросе проверить на соответствие ? если запрос удовлетворяет какому-то значению 100% то пропускать, если же соответствия не найдено ? либо посылать на 404, либо автоматом подставлять значение по умолчанию.

"соль" в отступах списков, которые разные браузеры делают и отображают по-разному. Решение простое: 1. обнулить все отступы и поля у списка ul, ul li { margin:0; padding:0; } 2. задать нужные ul { margin: 5px 0 5px 0; /* поля 5px верх-право-низ-лево */ } ul li { padding: 10px; /* отступы у элемента списка 10px;*/ } значения ставьте какие вам нужны.. это всего лишь пример CSS

Делайте проверку на то, кто обращается к скрипту, или на то какое значение переменной передается (у вас же их там наверняка не больше 10-20). И если вы так передаете переменные через GET, лучше передавать не их значения, а только имена, а значения жестко задать где-нить в скрипте константами.