Annecy

Первому градиенту нужно установить прозрачность, чтобы он не перекрывал второй. Например так http://jsfiddle.net/bUZ7c/

Почему не работает скрипт? Проблема в этих строках: Первый элемент: <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №1 </p> </div> Второй элемент: <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №2 </p> </div> Вы задали одинаковые идентификаторы разным элементам. id должен быть уникальным и встречаться в коде только один раз. Если переписать код так, чтобы у второго(третьего и т.д.) элемента был id="2"(id="3" и т.д.) скрипт будет работать. Другие ошибки в коде: Идентификатор должен начинаться с латинского символа. <h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛОВОК №1</h2> <h1>...</h2> Проверяйте код на валидность. <span class="cell"><h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛОВОК №1</h2> <a href="#" onclick="one('#1'); return false"><img src="news/next.jpg" alt="" /></a> <div id="1" style="display: none"> <p> РАЗВЕРНВШИЙСЯ ТЕКСТ №1 </p> </div> </span> span - строчный элемент. В нем не должны содержаться блочные элементы (h2, div). Первый элемент: <div id="table" class="tab" > Второй элемент: <div id="table" class="tab" > Смотрим пункт 1. [*]Скрипт Для использования данного скрипта необходим порядковый идентификатор и обработчик события для каждой отдельной новости, это не совсем удобно, не так ли? Как вариант, посмотрите данный пример: http://jsfiddle.net/Annecy/KBdYx/

Буду

Встреча верстальщиков ) Такое пропускать нельзя ) С удовольствием бы посетила данное мероприятие, если никто не против

Возможно, Вам следует воспользоватся псевдоэлементами? http://jsfiddle.net/wCBKM/3/