Brauche "Coding-Hilfe" bei Fotogalerie-Einbau

[Schwertfisch]

Hallo liebe Leute,

ich arbeite daran, eine neue Fotogalerie in meine Website zu integrieren.
Klappte bisher alles sehr gut, doch leider bin ich jetzt an einem Punkt angelangt, wo ich ohne HTML-Kenntnisse nicht weiter komme.

Die Bildbeschreibungen erscheinen in gekürzter Form unter den Thumbnails und in voller Länge auf den vergrößerten Bildern. Ich möchte es aber genau umgekehrt haben, daher habe ich den Code wie folgt geändert:

Original:
<a class="vlightbox" href="data/images/tha-phae-gate-01.jpg" title="Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen."><img src="data/thumbnails/tha-phae-gate-01.jpg" alt="Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen."/></a>

Geänderte Fassung:
<a class="vlightbox" href="data/images/tha-phae-gate-01.jpg" title="Eingang zum Tha Phae Gate."><img src="data/thumbnails/tha-phae-gate-01.jpg" alt="Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen."/>Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen.</a>

Das hat prima geklappt, und sieht jetzt genauso aus wie ich es haben will — bis auf ein Problem:
Wenn man nun mit der Maus über das Thumbnail fährt, dann bekommt leider nicht nur das Thumbnail mehr Kontrast (als Hinweis, dass es hier zum vergrößerten Originalbild geht), sondern die Bildbeschreibungen leuchten ebenfalls als Link auf (...was natürlich nicht erwünscht ist).

Kann mir jemand sagen, mit welchem HTML-Befehl/an welcher Stelle ich die Bildunterschrift />Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen.</a> von der Verlinkung ausschließen kann... :-[

Danke im voraus für den support.
Schwertfisch

 

[hillepille]

hi, das liegt am title-tag. wenn du das rausnimmst, sollte das weg sein.
also so:
<a class="vlightbox" href="data/images/tha-phae-gate-01.jpg"><img src="data/thumbnails/tha-phae-gate-01.jpg" alt="Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen."/>Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen.</a>

 

[Schwertfisch]

Soeben ausgetestet, klappt aber leider nicht.
Die einzige Unterschied ist jetzt, dass die von mir manuell gekürzte Bildunterschrift aus dem vergrößerten Bild komplett verschwunden ist (...was ja nicht sein soll).
Die längere Bildunterschrift leuchtet nach wie vor als Link auf.

Gibt es denn keinen Befehl, mit der man die Passage...
/>Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen.</a>
...ganz einfach von der Verlinkung "abknipsen" kann?

 

[Synoxis]

Hast du vielleicht einen Link zur Seite? Dann könnte man dir sagen was du in deinem CSS einfügen musst damit es nicht so aussieht als wäre der Text ein Link.

 

[Schwertfisch]

Hast du vielleicht einen Link zur Seite? Dann könnte man dir sagen was du in deinem CSS einfügen musst damit es nicht so aussieht als wäre der Text ein Link.

Ein Link zu meiner Website hilft da nicht weiter, denn dort ist noch die Asbach-Uralt-Galerie im Steinzeit-Design verknüpft. Von dem neuen Galerie-System habe ich noch keine Seite gehostet, weil es sich bisher nur um wirre Testschnipsel handelt. Es befindet sich alles noch auf meinem Schreibtisch, und wird nur mit der Browser-Voransicht begutachtet. Ich kann es also optisch nicht mit Euch teilen.

Aber vielleicht helfen zwei Screenshots weiter...

Es soll schon nach wie vor so aussehen:

allerdings soll nur das Foto und NICHT der Text als Link aufleuchten, wenn ich mit der Maus das Bild berühre.

Geht das überhaupt, oder ist das gar nicht umsetzbar?

 

[Synoxis]

Muss der Text den unbedingt mit im Link-Tag (<a>) stehen? Sehe keinen wirklichen Grund warum man den nicht einfach darunter schreibt.

 

[Schwertfisch]

Muss der Text den unbedingt mit im Link-Tag (<a>) stehen? Sehe keinen wirklichen Grund warum man den nicht einfach darunter schreibt.

Darüber habe ich auch schon nachgedacht, und möchte diese Lösung eigentlich nur dann in Erwägung ziehen, wenn mir einer von Euch sagt, dass sich die Variante mit dem Text im Kasten technisch nicht so einfach bzw. gar nicht umsetzen lässt.

 

[Synoxis]

Es lässt sich alles umsetzen, aber in diesem Fall müsste man es mit CSS lösen.

Machs folgendermaßen:

<a class="vlightbox" href="data/images/tha-phae-gate-01.jpg" title="Eingang zum Tha Phae Gate."><img src="data/thumbnails/tha-phae-gate-01.jpg" alt="Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen."/><span>Eingang zum Tha Phae Gate – hier befinden sich die meisten Angebote für Touristen.</span></a>

Und im CSS fügste das ein:

a:hover.vlightbox span { 
	color: #333; /* Farbe noch anpassen! */
	text-decoration: none;
}

 

[Schwertfisch]

Sorry, hat ein bisschen länger gedauert, da ich nicht so ganz geschickt beim Thema "coding" bin — doch jetzt bin ich richtig happy, denn es scheint geklappt zu haben.
1000 Dank für Deinen netten support!

 

[Synoxis]

Kein Problem! Karma ist übrigens sehr willkommen