Problem with three image links

[=?ISO-8859-15?Q?Manfred_Preu=DFig?=]

Hello,
in one of my sides I have incorporated three maps to show where the
described location is. Because these maps are a little bit to small to
really show anything I wanted to present them as links to show the big
ones. This is made like this

<p id="Bilderrahmen">
<a href="Bilder/Regionalkarte2.jpg"><img
src="Bilder/Regionalkarte1.jpg" alt="Übersichtskarte Rhein-Main-Gebiet"
id="Karte1" class="Bilder"></a>
<a href="Bilder/Umgebungskarte2.jpg"><img
src="Bilder/Umgebungskarte1.jpg" alt="Karte des unteren Rheingau"
id="Karte2" class="Bilder"></a>
<a href="Bilder/Ortskarte2.jpg"><img src="Bilder/Ortskarte1.jpg"
alt="Karte der Gegend von Lorch mit dem Standort der Ferienwohnung"
id="Karte3" class="Bilder"></a>
</p>

The positions of these maps are to be shifted to fit to the text
presented left of the images. So the css-file belonging to this looks like

img.Bilder {
position: relative;
top: -1ex;
}
p#Bilderrahmen {
width: 170px;
float: right;
height: 730px;
}
img#Karte1 {
height: 137px;
}
img#Karte2 {
height: 130px;
top: 15em;
}
img#Karte3 {
height: 108px;
top: 17em;
}

This works fine for the position but the links don't work anyway. What's
wrong here?

greetings and thanks

Manfred

 

[Neredbojias]

Hello,
in one of my sides I have incorporated three maps to show where the
described location is. Because these maps are a little bit to small to
really show anything I wanted to present them as links to show the big
ones. This is made like this

<p id="Bilderrahmen">
<a href="Bilder/Regionalkarte2.jpg"><img
src="Bilder/Regionalkarte1.jpg" alt="Übersichtskarte
Rhein-Main-Gebiet" id="Karte1" class="Bilder"></a>
<a href="Bilder/Umgebungskarte2.jpg"><img
src="Bilder/Umgebungskarte1.jpg" alt="Karte des unteren Rheingau"
id="Karte2" class="Bilder"></a>
<a href="Bilder/Ortskarte2.jpg"><img
src="Bilder/Ortskarte1.jpg"
alt="Karte der Gegend von Lorch mit dem Standort der Ferienwohnung"
id="Karte3" class="Bilder"></a>
</p>

The positions of these maps are to be shifted to fit to the text
presented left of the images. So the css-file belonging to this looks
like

img.Bilder {
position: relative;
top: -1ex;
}
p#Bilderrahmen {
width: 170px;
float: right;
height: 730px;
}
img#Karte1 {
height: 137px;
}
img#Karte2 {
height: 130px;
top: 15em;
}
img#Karte3 {
height: 108px;
top: 17em;
}

This works fine for the position but the links don't work anyway.
What's wrong here?

It's possibly due to your negative shift upward beyond the line box.