Avalon4eg

А вы ожидали листинг на 2 страницы? Подобная задача решается примерно так: Создаете слой а в нем помещаете пустй тег img, через стили задаете этому слою display: none. Далее при наведении на ссылку (событие hover) запускается функция которая, получает атрибут href данной ссылки (можно через this.href). присваивает данное значение атрибуту src тега img, находящегося в скрытом слое, и отображаете слой при помощи функции show(). данный слой можно с позиционировать в нужном для Вас месте. Если проявить фантазию можно, к примеру отображать привью рядом с курсором и тд.... ЗЫ: не пойму только смысла показывать привью при наведении на текст ссылки! если это ссылка - значит на нее нужно нажать, а не ожидать что при наведении на нее произойдет что то кроме изменения ее цвета, тем более появление всплывающего окна. Если делать привью - то при наведении на уменьшенную копию - хотя может я не понимаю всей глубины Вашей задумки.

ну обычно если для блока (другого элемента) заданно значение display: none то чтоб его отобразить, на некоторое действие ставится обработчик который запускает скрипт типа function showdiv(){ document.getElementById('div_id').show() }

Gif в помощ

http://htmlbook.ru/css/background-size

a .to_top:hover { color: #000000; }

<div class="background"> <a href="#"> <div class="to_top"> <div class="title"><p>to top</p></div> </div> </a> </div> css .background { background: black; height: 300px; } .to_top { display: table; position: relative; width: 70px; height: 70px; background: #ffdd00; border: 1px solid #fff; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .to_top .title { display: table-cell; width: 69px; height: 69px; border: 1px solid #BFBFBF; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font: 18px bold sans-serif; text-align: center; vertical-align: middle; } a { display: block; color: #5c5c5c; text-decoration: none; } .to_top .title p:before{ content: ""; display: table-cell; position: absolute; width: 0px; height: 0px; top: 15px; left: 25px; border-bottom: 10px solid #5c5c5c; border-left: 10px solid transparent; border-right: 10px solid transparent; } a:hover { color: #000000; } .to_top:hover .title p:before { border-bottom: 10px solid #000; }

Century Gothic похож еще

overflow: hidden; По этому #second не растягивает #main

*{padding:0;margin:0;border:0} Как раз и применяется чтоб верстка не плыла - это правило сбрасывает отступу всех элементов, так как разные браузеры устанавливают их по разному. Это еще минимальный сброс параметров, есть более продвинутые. темой ошибся=)

$('img').attr('src') == "images/Radar.png" как то так

Попробуйте в <div id="main"> поместить <div style="float: none; clear: both;"> после <div id="second">

Если я правильно понял, Вам нужно динамически менять содержимое 2го Select, в зависимости от выбранного элемента в 1м? На пример как тут Я решал подобную задачу так: По событию onchenge элемента select запускал Js функцию, которая аяком передавала value выбранного элемента, делал выборку из базы по этому value, формировал список option как текстовую строку и отправлял ее назад. А потом в той же Js функции выводил эту строку как html().

ul li a { pading:auto; float: left; display: block; height: 50px; background: url('images/bg-navbar.gif') repeat-x; }

<span><img src="images/icon-nashi-obiekti.gif" alt="" /></span>

html <div class="navbar"> <ul> <li><a href="#"><span><img src="images/icon-nashi-obiekti.gif" alt="" /></span>О продукции</a></li> <li><a href="#"><span><img src="images/icon-nashi-obiekti.gif" alt="" /></span>Наши объекты</a></li> <li><a href="#"><span><img src="images/icon-nashi-obiekti.gif" alt="" /></span>Оконный калькулятор</a><li> <li><a href="#"><span><img src="images/icon-nashi-obiekti.gif" alt="" /></span>Задать вопрос</a></li> <li><a href="#"><span><img src="images/icon-nashi-obiekti.gif" alt="" /></span>Контакты</a></li> </ul> </div> css ul li{ float: left; list-style-type: none; background: url('images/bg-navbar.gif') repeat-x; } ul li a { float: left; display: block; height: 50px; background: url('images/bg-navbar.gif') repeat-x; } ul li a:hover { background: url('images/bg-hover-link.gif') repeat-x; } img { border: none; } Должно работать и в ie6

del

наверно правильней будет set="value= <td>#item#</td>" потому что ваш код выводит ячейку, в которой будет строка, в которой будет ячейка, из за тега <tr> и происходит перенос на следующую строку

Не очень доверяю смещению относительно себя. Попробуйте задать position: relative для родительского слоя (.nsp_art кажется) а абзац с датой с позиционировать абсолютно относительно его

флешем не владею - так что для меня 1 вариант =)

так проблема решена или нет? можно логотип задать как фоновый рисунок для слоя с шириной на весь экран. типа такого bacground: ulr('logo.gif') 50% 0% no-repeat и в этом слое разместить ссылки, но при этом на сам логотип не получится установить ссылку.

z-index-ом вывести их поверх слоя с логотипом - если это не испортит общую картину

Flesh, но вполне можно на css и javascript сделать

% берется от размеров окна

http://forum.htmlbook.ru/index.php?showtopic=28411

розбить таблицу на thead и tbody