1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

<table  style="width: 600px; text-align: left; margin-left: auto; margin-right: auto;"  border="0" cellpadding="0" cellspacing="0">   <tbody>     <tr>       
<td style="text-align: center; width: 374px;">
<img  src="http://nicerun.square7.ch/neu/Bilder/Hof/halle.png"  name="diashow">       
<div style="text-align: center;">       
<form method="post" name="dia">         
<script language="JavaScript1.1"> var photos=new Array() var which=0 photos[1]="http://nicerun.square7.ch/neu/Bilder/Hof/unsereboxen.png" photos[2]="http://nicerun.square7.ch/neu/Bilder/Hof/unserdressurpng.png"
photos[3]="http://nicerun.square7.ch/neu/Bilder/Hof/unsereweide.png" photos[4]="http://nicerun.square7.ch/neu/Bilder/Hof/unserpaddock.png" function backward(){ if (which>0)
{ window.status='' which-- document.images.diashow.src=photos[which] } } function forward()
{ if (which<photos.length-1){ which++ document.images.diashow.src=photos[which]
 } else window.status='Ende der Diashow' //which=1;backward();return false }         </script>  
       <p align="center"><input  value="&lt; zur&uuml;ckbl&auml;ttern" name="B2" onclick="backward()"  class="button orange" align="center">&nbsp;<input  value="umbl&auml;ttern &gt;" name="B1" onclick="forward()"  class="button orange" align="center"></p>       </form>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

.button 
{ display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none;
 font: 12px/100% Arial; 
padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3); 
-webkit-border-radius: .5em; -moz-border-radius: .5em; 
border-radius: .5em; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2); }

 .button:hover { text-decoration: none; } 

.button:active { position: relative; top: 1px; } 

.orange { color: #fef4e9; border: solid 1px #da7c0c; 
background: #f78d1d; 
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 background: -moz-linear-gradient(top, #faa51a, #f47a20); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } 

.orange:hover { background: #f47c20; 
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
 background: -moz-linear-gradient(top, #f88e11, #f06015);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } 

.orange:active { color: #fcd3a5; 
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); 
background: -moz-linear-gradient(top, #f47a20, #faa51a);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }