...} Класс "selected" при клике на любую ссылку меню, будь то заголовок раздела или ссылка в открытом разделе должен попадать в тег «a» после перезагрузки страницы, он сигнализирует о том, что открыт тот или иной раздел или открылась страница по ссылке в открытом разделе......Причем, если выбрана ссылка в открытом разделе, после перезагрузки страницы класс "selected" должен остаться и в ссылке заголовка раздела......При открытии главной страницы ресурса наше меню должно быть свернуто, посетителю доступны только заголовки разделов......) Клик по заголовку любого раздела в нашем случае это раздел "Main", приводит к перезагрузке страницы, подстановке класса "selected" в ссылку и открытию соответствующего раздела меню......Следующий скриншот показывает, что должно произойти при клике на ссылку в открытом разделе и перезагрузке страницы, класс "selected" обязан остаться в ссылке заголовка раздела и попасть в нажатую до того ссылку из открытого раздела......Скрипт должен запоминать состояние меню после перезагрузки страницы Если по каким-то причинам скрипт отключен, меню обязано быть работоспособным, оно должно просто развернуться полностью, чтобы все ссылки были доступны Соображение под № 2 особенно важно так, как меню, функционал которого выполнен на JavaScript, обладает существенным недостатком, а именно - для сворачивания разделов меню в таблице стилей практически всегда указан стиль display......Алгоритмом работы, описанном и проиллюстрированном выше Скрипт должен запоминать состояние меню при переходе с одной страницы на другую, показывая пользователю, где и на какой странице тот находится Все находится в одном файле - сам скрипт и html-код меню Никакого обращения к базам данных любого вида и типа Полный листинг меню, а не меню составленное из кусков, подставляемых в нужное время и нужное место, что очень важно для поисковых ботов Желательно в html-коде, который будет редактироваться подстановкой необходимых url'ов и прочих атрибутов ручками и только ими, без всякой автоматики, неуместной в данном конкретном случае Естественно, должна быть предусмотрена возможность разбивки меню на части, которые можно было бы располагать в разных колонках навигации Простая, на уровне "чайника", интеграция в любой php-движок Вот, собственно и все...Подробнее: http://trifler.ru/blog/post_1310563716.html
Условные комментарии. Пользователь "против"!Степень соответствия запросу: 16,64% Фрагменты текста поста:...Не уже ли желание любой ценой пройти валидацию таблицы стилей и поставить баннер на страницу, преобладает над здравым смыслом......Поэтому вполне оправданное стремление профессиональных верстальщиков свести к минимуму визуальные разночтения при просмотре одной и той же web -страницы в "зоопарке" браузеров, породило целую индустрию по производству хаков......Даже если вам удастся, сверстать страницу с хаками только для IE, убрав их в отдельные стилевые файлы с помощью условных комментариев, избавит или это вас, вернее пользователя, от головной боли......Оперативность работы существенно снижается, тестирование страницы потребует открытия, как минимум двух файлов, причем во всех браузерах, говорим конкретно о линейке IE......И надо мне по чьей либо просьбе поправить страницу в одном из IE, а чтобы получить о ней полное представление, приходится скачивать ее всеми версиями от Microsoft, так как FF файлы, заключенные в условные комментарии игнорирует......А ситуация, причем вполне реальная, когда, сохранив страничку на HDD с помощью IE7 и придя на работу в офис, да просто в гости, решив показать такую красивую и замечательную страницу, бог ты мой, как она была прекрасна......«/style» Думаю пользователь, сохранивший вашу страницу на HDD, выскажет в ваш адрес много, много "ласковых" слов, в виде не нормативной лексики...Подробнее: http://trifler.ru/blog/post_1228153358.html
Не АК, но автомат...Степень соответствия запросу: 12,2% Фрагменты текста поста:...Давайте поговорим о возможности автоматического или динамического реагирования web -страницы в зависимости от размера диагонали и разрешения экрана монитора, а также простого уменьшения размеров окна браузера с привязкой пропроционального изменения размера шрифта при тех же условиях......Допустим, при нынешнем дефолте - диагональ 17”, разрешение 1024*768, страница занимает все доступное место......При переходе на иное разрешение, к примеру - 1600*900, если наша страница не ограничена на уровне 1280px, как рекомендуют, из-за плавающей ширины центральной части, разметка превращается в черт знает что......Даже если страница по min/max-width, все-таки будет ограничена на уровне 1280px, пропорции не соблюдаются, как на этом разрешении, так и на разрешениях выше...Подробнее: http://trifler.ru/blog/post_1243948848.html
...Браузеры Время то времени, занимаясь проблемой footer -а, который всегда внизу, то есть при минимуме информации в области контента, страница всегда имеет сто процентную высоту без вертикальной прокрутки, а что делать, иногда это насущно необходимо......Это связано с тем, что очень часто в состав header входит горизонтальное меню с многочисленными вложениями и чтобы добраться до содержания страницы приходится прокручивать страницу на пару-тройку экранов...Подробнее: http://trifler.ru/blog/post_1230293406.html
Super "Holy Grail Gordi"Степень соответствия запросу: 8,35% Фрагменты текста поста:...Будем считать, что мне это не только нравится, но полностью укладывается в мое представление глобальной разметки web -страницы......В любом случае, если есть возможность при минимуме html -кода и стилей описывающее его поведение, использовать разметку страницы на этой основе, то в этом нет ничего плохого, а все преимущества на лицо......У вас, в зависимости от проекта, есть выбор, какой из вариантов центральной части страницы, говорим о блоке #middle, больше всего соответствует в той или иной ситуации, целям и задачам, исходя из ваших собственных желаний и предпочтений......Тут можно применить "Технику Gordi", собирая страницу из блоков-модулей, а если вы не являетесь поклонником оной, то ограничиться другими решениями, никому не навязываю своих взглядов и подходов к принципам построения web -страницы...Подробнее: http://trifler.ru/blog/post_1223387326.html