Photoalbum

[Luli]

Hallo

Mein Fotoalbum befindet sich im unteren Bereich der Seite. Nun ist das Problem, wenn ich auf die Fotoalbumbilder klicken automatisch an den Seitenanfang gesprungen wird.
Wie kann ich das verhindern, damit nicht nach oben egsprungen wird?

  
/*--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;  
}  

  
  
<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 -->  

Vielen Dank

[Der Martin]

Hi,

Mein Fotoalbum befindet sich im unteren Bereich der Seite. Nun ist das Problem, wenn ich auf die Fotoalbumbilder klicken automatisch an den Seitenanfang gesprungen wird.

logisch:

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

Du gibst "#" als Linkziel an, und genau dorthin - also an den Anfang des aktuellen Dokuments - führt dich dieser Link dann auch.

Wie kann ich das verhindern, damit nicht nach oben egsprungen wird?

Gib ein sinnvolles Linkziel an, oder nutze keinen Link.

Ciao,
 Martin