|
#1
|
||||
|
||||
|
Hallo!
Erstmal herzlichen Dank, für dieses tolle Forum! Ich hab per CSS Bereiche definiert, in die ich mir beliebige Bilder einfügen kann und darunter ist ein Beschriftungsfeld. Code:
#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:
<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
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 :P |
|
#2
|
||||
|
||||
|
Du musst den Link bereits auf das Element #Aspern-img legen.
Ich würde dir empfehlen das div-Element #Aspern-img durch einen img-Element zu wechseln und den a-Tag um Das Bild inklusive Text zu legen. |
|
#3
|
||||
|
||||
|
Das dachte ich mir auch schon. Mein Problem ist nur, dass ich das nicht richtig auf die Reihe bekomme. Kannst du mir deinen Vorschlag vielleicht mittels Codebeispiel etwas näher bringen? Ich wäre dir sehr dankbar.
Mir kommt vor, als hätte ich den blöden Hyperlink schon an jede erdenkliche Stelle des Codes gesetzt. Will nicht funktionieren ![]() Zitat:
EDIT: Ok, das mit dem <div> durch <img> ersetzen hab ich doch kapiert
|
|
#4
|
||||
|
||||
|
Zitat:
|
|
#5
|
||||
|
||||
|
Vielen Dank für deine Tipps! Funzt mittlerweile alles so, wie es soll :-)
|
|
#6
|
||||
|
||||
|
Willkommen bei Partnersuche bei elitedaten.de - Kontaktanzeigen, Chat, Singles, Dating, Flirten
Einfach Verlieben: Elitedaten.de findet kostenlos Ihren Traumpartner. Das Dating-Portal macht Singles zu Paaren. |
![]() |
| Lesezeichen |
| Stichworte |
| bild, bilder, css, html, hyperlink |
| Themen-Optionen | |
| Ansicht | |
|
|