Erstmal herzlichen Dank, für dieses tolle Forum! Ich bastle jetzt schon seit einiger Zeit an einer Website und mit Hilfe der SuFu und ein wenig Kramerei, ist mir hier schon oft geholfen worden
Jetzt stehe ich aber an! Ich hab per CSS Bereiche definiert, in die ich mir beliebige Bilder einfügen kann und darunter ist ein Beschriftungsfeld.
- Code: Alles auswählen
#corp, #indu, #Aspern, #Schoepf, #Malfatti, #Tivoli, #Einsiedelei, #Puffer, #Eipeldauer, #Langobarden, #Rathausplatz {
float: left;
width: 50%;
}
#corp-img, #indu-img, #Aspern-img, #Schoepf-img, #Malfatti-img, #Tivoli-img, #Einsiedelei-img, #Puffer-img, #Eipeldauer-img, #Langobarden-img, #Rathausplatz-img {
background: url(images/pic_2.jpg) no-repeat;
width: 112px;
height: 23px;
float: left;
margin-right: 18px;
margin-bottom: 10px;
text-align: center;
padding-top: 90px;
font-size: 9px;
font-weight: bold;
}
#indu-img {
background: url(images/pic_3.jpg) no-repeat;
}
#Aspern-img {
background: url(images/Aspernstr_thumb.jpg) no-repeat;
}
#Schoepf-img {
background: url(images/Schoepf_thumb.jpg) no-repeat;
}
etc.blabla
- Code: Alles auswählen
<div id="Aspern" style="width: 33%">
<div id="Aspern-img">
<span lang="de">
<a href="file://///Sbsserver/EigeneDateien/tech3/Meine%20Websites/Aspernstrasse.html">Aspernstraße</a></span></div>
</div>
</div>
<div id="Schoepf" style="width: 33%">
<div id="Schoepf-img">
<span lang="de">
<a href="file://///Sbsserver/EigeneDateien/tech3/Meine%20Websites/Schoepfwerk.html">Am Schoepfwerk</a></span></div>
</div>
etc. blabla
Problem:
Mein Textfeld unter den Bildern, folgt dem gewünschten Hyperlink, doch ich bekomme es einfach nicht gebacken, den Bildern einen Link zuzuweisen (der dann auch tatsächlich funktioniert)!
So schaut das aus:
Also wie schaffe ich es, dass die Bilder auch "klickbar" werden?
Jaja, ein Handgriff und mein Problem ist gelöst - Kann ich mir denken! Bitte kreuzigt mich nicht
