Shugich

Вдруг кому пригодиться на будущее <script>Object.prototype.active=function(){var a=this.parentNode,u=a.getElementsByTagName('ul'),i=u.length;while(i--) if(u[i].style.display!='none') a.className-=' active';else a.className+=' active'}</script> <a href="#" onclick="this.active();document.getElementById('nav2').style.display=document.getElementById('nav2').style.display=='none'?'block':'none'; return(false)">Шкафы</a>

Самое простое решение, которое я нагло позаимствовал у студии им. Гражданина Лебедева. <a href="#" onclick="document.getElementById('yr').style.display=document.getElementById('yr').style.display=='none'?'block':'none'; return(false)">:-)</a> <div id="yr" style="display: none;">текст</div> Как уже доделать до нужного сам додумаешь

Яндекс вроде как ещё не успели отменить. Интернет прям таки кишит информацией. http://www.xiper.net/html-and-css-tricks/g...arency-ie6.html

Спасибо Теперь знаю, что искать

Есть вот такая конструкция. <ul> <li id="navi2><a href="#" onclick="document.getElementById('nav2').style.display=document.getElementById('nav2').style.display=='none'?'block':'none'; return(false)">Шкафы</a> <ul id="nav2" style="display: none;"> <li><a href="#">Купе</a></li> <li><a href="#">Комоды</a></li> </ul> </li> </ul> Что требуется? Если у элемента с id="nav2" задано свойство "display: block", то элементу с id="navi2" присваивается class="active". А если у элемента c id="nav2" задано свойство "display: none", то у элемента с id="navi2" удаляется class="active".

Эм... Я не знаю как она работает... Вообще никто кроме разработчиков не знает как она работает...

Ссылки... Хм, при добавлении материалов на сайт я прописываю теги. Ссылки CMS сама создает...

Под заголовком "Какую музыку я слушаю:"

Облако тегов системы uCoz. Пример тут можно глянуть: http://shugich.ru/index/about/0-15

у ссылок есть только класс... на все ссылки он один

Возникла еще одна проблема. Ссылка иногда заскакивает за пределы шапки... Шапка, кстати, на 100% по ширине... еще такой момент, у ссылки нет id и задать его невозможно

мое решение попробовал применить?

> нужно изображениями делать. А как же cufon? о_О Его вроде как еще никто не отменял...

> Вот если мне вдруг перезвонят и я попаду на второй тур, то обязательно поинтересуюсь. Ибо я не меньше вашего думаю, что это жесткое извращение. Ну если не перезвонят, то все равно перезвони и спроси... Кстати, а ты сам так ничего и не ответил на собеседовании?

Ну по аналогии я делал так меню на одном проекте: HTML: <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#" class="active">Блог</a></li> <li><a href="#">Обо мне</a></li> <li><a href="#">Фотки</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Мои услуги</a></li> <li><a href="#">Контактная информация</a></li> </ul> </div> CSS: #menu {margin-top: -6px; background: url('./img/menu_bg.png') repeat-x; height: 61px;} #menu ul {overflow: hidden; width: 950px; margin: 0px auto;} #menu li a {float: left; font: 12px 'Arial',serif; color: #fff; text-align: center; padding: 18px 3%; display: block; margin-top: 6px;} #menu li a:hover {color: #084b6b;} #menu li a.active {color: #084b6b; background: url('./img/menu_active.png') repeat-x; text-decoration: none;}

А спросить ответ у тех, кто тебе задавал вопросты ты можешь? Просто как бы решения есть но хз что нужно было... Как говорили выше ТЗ неккоректное...

> Блоки не с фиксированной шириной, а ОНИ САМИ её подстроили под родителя. Пойми эту тонкость. Да эту тонкость я понял... Но ширина нужна 50 пикселей... Предположим нужно вставить туда картинку 50х50 пикселей, тогда все. карачун церетелли.

> В том то и дело, что я ничего не изменял. Я лишь следовал задаче, и НЕ проще. Потому что задача именно в том и состоит, чтобы вместить в родителя блоки любой ширины, а не чётко заданной. В итоге все равно получаются блоки с четко заданной шириной...

> задача выполнена или нет? нет конечно

> Ну извини, это уже из разряда фантастики, ты уж выбирай, задача состояла именно вместить в родителя, вот тебе и решение соответствующее. Ну в таком случае ты изменил ширину блоков до 48 пикселей, только через жопу. Проще уж сразу же было прописать ширину... Настоящий верстальщик не будет придумывать кучу строк кода, вместо того, чтобы изменить одно значение...

psywalker, открываем фотошоп и измеряем... Опа... Ширина у каждого блока получается по 48 пикселей, а не по 50...

Как выровнять надо?

> Надо мыслить шире, представьте, что это некий блок на абстрактом сайте, в котором еще 3 блока. Нет никакого сайта. Есть просто три квадрата! Задание найти одно решение. Одно решение найдено. Если бы это бы сайт, то как можно объяснить запрет на использование overflow: hidden и clear: both? Вот-вот. Никак. Просто проверяют вашу сообразительность.

> Очень важный показатель спеца - когда он говорит "а вот так не сделать" - "Вы уверены?" - "Да, я уверен". Аха, я тоже так думаю.... А по поводу второго, то я предложил рабочее решение... > Задавать родителю float тоже не выход ибо тогда сам родитель выпадет из потока. Из какого потока... У нас только три блока в одном блоке... При моем решении все так же, как было бы если бы версталось таблицей (к примеру). Все четко, ровно, кроссбраузерно... Больше нет никаких элементов. Это вся верстка. > А как же свойство box-sizing? А box-sizing не кроссбраузерен.

можно еще задать родителю position: relative, а сами блоки абсолютами вырованять... как вариант...