Fotoalbum

[Marmor]

CSS

/*--Formatierung der Albumbox--*/
#album {
width: 600px;
height: 500px;
background: #eee url(titel.jpg) 0 40px no-repeat;
border: 1px solid #aaa;
margin: 20px auto;
}

/*--Formatierung der Linkleiste--*/
.gallery {
padding: 0;
margin: 460px 0 0 0;
list-style-type: none;
position: relative;
width: 320px;
} 


/*--Horizontale Anordnung der Listeneinträge--*/
.gallery li {
float: left;
}

/*--Formatierung der Link-Buttons--*/
.gallery li a, .gallery li a:visited {
font-size: 11px;
display: block;
text-decoration: none;
color: #000;
background: #fff;
text-align: center;
width: 26px;
height: 26px;
line-height: 24px;
border: 1px solid #444;
margin: 2px;
}

/*--Hover-Formatierung der Link-Buttons--*/
.gallery li a:hover {
background: #ddd;
}

/*active und focus-Formatierung der Link-Buttons*/
.gallery li a:active, .gallery li a:focus {
background: #444;
color: #fff;
} 

/*-- Blendet die Bilder aus--*/
.gallery li a img {
visibility: hidden;
border: 0;
} 

/*--Positionierung der Querformat-Bilder--*/
.gallery li a img.quer {
position: absolute;
top: -430px;
left: 20px;
} 



/*--Einblenden der Bilder im active/focus-Zustand--*/
.gallery li a:active img, .gallery li a:focus img {
visibility: visible;
} 


.small {
border:1px solid #000;
visibility: visible;
}

HTML:


<div id="album">

<ul class="gallery">


<li>
<a href="#">01<img class="quer" src="images/Fotoalbum/Übersicht.jpg" alt="bild1"></a>
</li>



<li>
<a href="#">02<img class="quer" src="images/Fotoalbum/Brückenanschluss.jpg" alt="bild2"></a>
</li>



<li>
<a href="#">03<img class="quer" src="images/Fotoalbum/Brückenplatte.jpg" alt="bild3"></a>
</li>



<li>
<a href="#">04<img class="quer" src="images/Fotoalbum/Plattform nah.jpg" alt="bild4"></a>
</li>



<li>
<a href="#">05<img class="quer" src="images/Fotoalbum/Plattform_Verkehrsinsel.jpg" alt="bild5"></a>
</li>

<li>
<a href="#">06<img class="quer" src="images/Fotoalbum/Trottoir.jpg" alt="bild6"></a>
</li>





</ul>

</div> <!-- Ende #album -->


Dieses Album ist am Schluss der Seite. Nun ist das Problem, dass wenn ich auf ein Foto klicke, automatisch zum Seitenanfang gegangen wird. Was kann ich machen, dass die Seitenstelle beibehalten wird?

Danke

 

[threadi]

Ersetze den Wert des href-Attributs durch

javascript:void(0);