Scrolling CSS Gallery - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Scrolling CSS Gallery

Опции

limonka

Topic Starter сообщение

7.5.2009, 1:08; Ответить: limonka

Сообщение #1

Группа: User
Сообщений: 39
Регистрация: 3.10.2008
Поблагодарили: 0 раз
Репутация:

Всем привет !
Как Вам такая галерейка http://www.cssplay.co.uk/menu/photo_scroll.html#nogo ??
А теперь попробуйте ее открыть в Opera и подвигать скрол!
Или еще такая http://www.cssplay.co.uk/menu/scroll_gallery.html
И они это пытаются вчухать за деньги :olen:

Но это лирика. На самом деле у меня паника, ведь я задумала реализовать нечто подобное.
В моем случае помимо проблемы с Opera, объекты еще разъезжаются
при масштабировании страницы (Ctrl+, Ctrl-) а при смене разрешения экрана -- они вообще улетают в стороны. И что самое парадоксальное -- всё идеально безупречно работает в IE.

Если кто-нибудь с таким сталкивался -- намекните , стоит ли продолжать копать или если можно подскажите скрипт!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>

<style type="text/css">

#scroller b#thumbs {display:block; width:187px; height:300px; overflow:auto; margin-top:0px; border:0px solid #ccc; padding:0px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:160px; height:120px; border:1px solid #000;}
#scroller b#thumbs a img {width:160px; height:120px; border:0;}
#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(click_on.gif);}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500; }
#scroller b#thumbs a:hover img.hr {width:400px; height:300px; right:529px; top:16px; border:1px solid #333;}

</style>
</head>
<body>

<TABLE width="600" height="300" align="center" border="0">
<TR>
<TD>

<TABLE width="412" align="left" border="0" height="300" cellpadding="0" cellspacing="0" >
<TR>
<TD colspan="2" height="107" ><IMG SRC="bg_img1.jpg" WIDTH="390" height="168" BORDER="1" ALT="bg_img1"></TD>

</TR>
<TR>
<TD valign="bottom" width="210" height="118"><IMG SRC="bg_img2.jpg" WIDTH="200" height="118" BORDER="1" ALT="bg_img2"></TD>

<td valign="bottom"><IMG SRC="bg_img3.jpg" WIDTH="180" height="118" BORDER="1" ALT="bg_img3"></td>
</TR>
</TABLE>

<div id="scroller" align="right">

<b id="thumbs">
<a href="#"><img class="hr" src="2/3.jpg" alt="A"/></a>
<a href="#"><img class="hr" src="2/6.jpg" alt="B"/></a>
<a href="#"><img class="hr" src="2/7.jpg" alt="C"/></a>
<a href="#"><img class="hr" src="2/17.jpg" alt="D"/></a>
<a href="#"><img class="hr" src="2/11.jpg" alt="E"/></a>
<a href="#"><img class="hr" src="2/12.jpg" alt="F"/></a>
<a href="#"><img class="hr" src="2/10.jpg" alt="G"/></a>
<a href="#"><img class="hr" src="2/19.jpg" alt=""/></a>
<a href="#"><img class="hr" src="2/18.jpg" alt=""/></a>
<a href="#"><img class="hr" src="2/16.jpg" alt=""/></a>
<a href="#"><img class="hr" src="2/14.jpg" alt=""/></a>

</b>
</div>

</body>
</html>

Ответить с цитированием данного сообщения

web_programmer

7.5.2009, 14:49; Ответить: web_programmer

Сообщение #2

Группа: User
Сообщений: 0
Регистрация: 12.1.2009
Поблагодарили: 0 раз
Репутация:

Лучше копай это примитивные галереи и делаются за 1 час максимум.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки	9	malamut	3484	25.1.2024, 14:36 автор: malamut
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое	5	CULA	3417	19.12.2023, 18:55 автор: CULA
Веб-разработка (HTML, CSS)	1	ViktoriaFE	6459	5.5.2021, 5:22 автор: bekett
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).	0	kozak199110	1667	3.3.2021, 12:22 автор: kozak199110
Продам адаптивный шаблон (css/html/js) под cj/tube сайт	2	zaiko	1437	29.12.2020, 23:49 автор: zaiko

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 24.4.2024, 8:01

Дизайн