<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">

<html>
<head>
	<title>WeB-SgS fotoalbums</title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<STYLE type=text/css>
A {COLOR: darkviolet; TEXT-DECORATION: none}
A:hover {COLOR: lime; TEXT-DECORATION: none}
</STYLE>

<STYLE type=text/css>A {
	COLOR: #000
}
A:visited {
	COLOR: #111
}
A:active {
	COLOR: #222
}
A:hover {
	TEXT-DECORATION: none
}
.photo {
	WIDTH: 732px; POSITION: relative; HEIGHT: 382px
}
.photo UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 215px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
.photo UL UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 215px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
.photo UL UL {
	MARGIN-LEFT: -9999px; OVERFLOW: hidden; HEIGHT: 0px
}
.photo UL LI {
	BACKGROUND: url(button/gallery_2.gif) #444444 no-repeat; FLOAT: left; WIDTH: 215px
}
.photo UL LI A.set {
	DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: url(button/gallery_0.gif) #777777 no-repeat; LINE-HEIGHT: 30px; FONT-FAMILY: verdana, arial, sans-serif; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.photo UL LI TABLE {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.photo UL LI A.set:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.photo UL LI:hover A.set {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.photo UL :hover B {
	BORDER-RIGHT: #888 1px solid; BORDER-TOP: #888 1px solid; DISPLAY: block; BACKGROUND: #cccccc; LEFT: 250px; BORDER-LEFT: #888 1px solid; WIDTH: 480px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 360px
}
.photo UL :hover TABLE {
	BORDER-RIGHT: #888 1px solid; BORDER-TOP: #888 0px solid; MARGIN-TOP: -2px; DISPLAY: block; BORDER-LEFT: #888 1px solid; BORDER-BOTTOM: #888 1px solid
}
.photo UL :hover UL {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px; OVERFLOW: visible; WIDTH: 207px; HEIGHT: 207px
}
.photo UL :hover UL LI {
	DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 2px 6px; WIDTH: 56px
}
.photo UL :hover UL LI A {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.photo UL :hover UL LI A IMG.thumb {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; width:50px; height:50px;  BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 3px; BORDER-RIGHT-WIDTH: 0px 
}
.photo UL :hover UL LI A IMG.full {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: -9999px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
.photo UL :hover UL LI A:hover IMG.thumb {
	BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #fc0 3px solid; MARGIN: 0px; BORDER-LEFT: #fc0 3px solid; BORDER-BOTTOM: #ff0000 3px solid
}
.photo UL :hover UL LI A:hover {
	BACKGROUND: #363636
}
.photo UL :hover UL LI A:hover IMG.full {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; LEFT: 250px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.photo .default {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; LEFT: 250px; BORDER-LEFT: #ddd 1px solid; WIDTH: 480px; BORDER-BOTTOM: #ddd 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 360px
}
</STYLE>


</HEAD>
<Body  background="img/fon.gif" bgcolor="#000000" text="#ff0000" style="border:yes"   id=www-cssplay-co-uk>


<p align="center"><table style="position:absolute; top:30%; right:35%;">
<table style=filter:glow(color=yellow strength=6)><font color="darkviolet"size="6"><a href="javascript:history.back(1)" title="Вернись туда - откуда пришёл....">&nbsp;Fotoalbum N24&nbsp;</a></font></table></table></p>
</p></center>
  	
<center><font color="red" size="6"><b>ОБРАЗЕЦ!</b></font><br><font color="gold" size="3"><i>Фотоальбом "МУЛЬТИ - CSS" - Предназначен для большого кол-ва фото.<br> Для просмотра в галерее лучше подходят картинки (фото) одного размера. Количество частей можно увеличивать. Используются картинки двух форматов... </i></font></center>
<br>

<table width="50%" height="50%" align="center" valign="middle"> 
    <tr><td> 
  


<!-- ImageReady  -->


<DIV id=wrapper><DIV id=showcase>
<DIV id=info>
<H2>Фотоальбом CSS</H2>

<DIV class=photo><IMG class=default title="" alt="default image" 
src="../../bild-jpg/moto/auto3.jpg"> 
<UL class=topic>


  <LI><A class=set href="http://www.gallery#nogo"> 
  Часть #1:<B> Суриков В.И.</B><!--[if gte IE 7]><!--></a><!--<![endif]--> <INS>
  <TABLE>
    <TBODY>
    <TR>
      <TD>
        <UL>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="surikov" alt="surikov" 
          src="../../galerie/surikov/img-jpg/surikov-kl.jpg" ><IMG 
          class=full title="Взятие снежной крепости" alt="" 
          src="../../galerie/surikov/img-jpg/01.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/02.jpg"><IMG 
          class=full title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/02.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/03.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/03.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/04.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/04.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/05.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/05.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/06.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/06.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/07.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/07.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/08.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/08.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/09.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/09.jpg"></A> 
          </LI>

</UL></TD></TR></TBODY></TABLE></INS><!--[if lte IE 6]></A><![endif]--></LI>



  <LI><A class=set href="http://www.cssplay.co.uk/menu/list_gallery#nogo">
  Часть #2<B> Ге Н.Н.</B><!--[if gte IE 7]><!--></a><!--<![endif]--><B></B> <INS>
  <TABLE>
    <TBODY>
    <TR>
      <TD>
        <UL>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="Ge" alt="" 
          src="../../galerie/ge/img-jpg/ge-kl.jpg" ><IMG 
          class=full title="Пётр 1  с сыном" alt="" 
          src="../../galerie/ge/img-jpg/01.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/02.jpg"><IMG 
          class=full title="" alt="surikov" 
          src="../../galerie/ge/img-jpg/02.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="ge" 
          src="../../galerie/ge/img-jpg/03.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/03.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="ge" 
          src="../../galerie/ge/img-jpg/04.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/04.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="ge" alt="" 
          src="../../galerie/ge/img-jpg/05.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/05.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/06.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/06.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/07.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/07.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/08.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/08.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/09.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/09.jpg"></A> 
          </LI>

</UL></TD></TR></TBODY></TABLE></INS><!--[if lte IE 6]></A><![endif]--></LI>


  <LI><A class=set href="http://www.gallery#nogo"> 
  Часть #3<B> и так далее</B><!--[if gte IE 7]><!--></a><!--<![endif]--><B></B> <INS>
  <TABLE>
    <TBODY>
    <TR>
      <TD>
        <UL>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="surikov" alt="surikov" 
          src="../../galerie/surikov/img-jpg/01.jpg" ><IMG 
          class=full title="Взятие снежного городка" alt="" 
          src="../../galerie/surikov/img-jpg/01.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/02.jpg"><IMG 
          class=full title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/02.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/03.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/03.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="surikov" 
          src="../../galerie/surikov/img-jpg/04.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/04.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/05.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/05.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/06.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/06.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/surikov-kl.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/07.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/surikov-kl.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/08.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/surikov/img-jpg/surikov-kl.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/surikov/img-jpg/09.jpg"></A> 
          </LI>
</UL></TD></TR></TBODY></TABLE></INS><!--[if lte IE 6]></A><![endif]--></LI>



  <LI><A class=set href="http://www.gallery#nogo">
  Часть #4<B> Аптамабили</B><!--[if gte IE 7]><!--></a><!--<![endif]--><B></B> <INS>
  <TABLE>
    <TBODY>
    <TR>
      <TD>
        <UL>
           <LI><A href="#"target="hero"><IMG 
          class=thumb title="Autos" alt="" 
          src="../../bild-jpg/moto/auto1.jpg" ><IMG 
          class=full title="Газель" alt="" 
          src="../../bild-jpg/moto/auto1.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto2.jpg"><IMG 
          class=full title="" alt="2" 
          src="../../bild-jpg/moto/auto2.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="3" 
          src="../../bild-jpg/moto/auto3.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto3.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="4" 
          src="../../bild-jpg/moto/auto4.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto4.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="5" alt="" 
          src="../../bild-jpg/moto/auto5.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto5.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto6.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto6.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto7.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto7.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto8.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto8.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto9.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto9.jpg"></A> 
          </LI>

</UL></TD></TR></TBODY></TABLE></INS><!--[if lte IE 6]></A><![endif]--></LI>


  <LI><A class=set href="#nogo">
Часть #5<B> Autos 2</B><!--[if gte IE 7]><!--></a><!--<![endif]--><B></B> <INS>
  <TABLE>
    <TBODY>
    <TR>
      <TD>
        <UL>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto21.jpg" ><IMG 
          class=full title="21" alt="" 
          src="../../bild-jpg/moto/auto21.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto22.jpg"><IMG 
          class=full title="" alt="22" 
          src="../../bild-jpg/moto/auto22.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="23" 
          src="../../bild-jpg/moto/auto23.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto23.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="24" 
          src="../../bild-jpg/moto/auto24.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto24.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="25" alt="" 
          src="../../bild-jpg/moto/auto25.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto25.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../bild-jpg/moto/auto26.jpg"><IMG 
          class=full title="" alt="" 
          src="../../bild-jpg/moto/auto26.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/ge-kl.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/07.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/ge-kl.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/08.jpg"></A> 
          </LI>
          <LI><A href="#"target="hero"><IMG 
          class=thumb title="" alt="" 
          src="../../galerie/ge/img-jpg/ge-kl.jpg"><IMG 
          class=full title="" alt="" 
          src="../../galerie/ge/img-jpg/09.jpg"></A> 
          </LI>

</UL></TD></TR></TBODY></TABLE></INS><!--[if lte IE 6]></A><![endif]--></LI></UL><BR 
class=clear></DIV>
</DIV><!-- end of wrapper -->

<p>&copy; 2008 </p>

<!-- End ImageReady Slices -->
<br>
<TR Align="Center" bgcolor="#000000"bordercolor="#444444"border="2"><TD Colspan=3><Input type="button" onMouseOut="this.style.backgroundColor='#242424'" onMouseOver="this.style.backgroundColor='#5500ff'" style="background-color:#242424;color:#ccff00;font-family:Arial;font-weight:bold;font-size:10pt;width:100" Value="Закрыть" onclick="window.close()"></TD></TR>

</center>

</td></tr>
</table>
<br>

</table></center>

<!--USER-CODE--><STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FF0000;
scrollbar-track-color:#000000;
}
-->
</STYLE>

</body>
</html>