hallo zusammen,

zum thema "bildunterschriften" etc. gibt es genügend vorschläge.
ich habe mich für "dl" entschieden. ist auch im prinzip kein problem.

meine "dl" besteht aus bild (dt) und einem text (dd).
beim "dd" habe ich noch ne grafik als hintergrund (lupe) eingefügt.
alles sieht eingenlich so aus, wei ich es mir vorstelle.

jetzt möchte ich aber, dass die komplette "dl" als link fungiert.
das heisst, egal, ob ich die maus über das bild, den text, oder "nur" über die hintergrundgrafik bewege, es sollte ein link (slimbox) werden.

ich weiss...die "dl" mit einem link umschliessen funktioniert zwar...ist aber wohl nicht ganz "sauber"

oder habt ihr ne andere idee?

gruss
johannes

Such dir was aus: Pest oder Cholera.
Entweder ungültig mit HTML-Link um das Blockelement, oder per Javscript mit onclick.

__________________
Eigeninitiative des Fragenden...

...macht den Unterschied zwischen › jemandem helfen ‹ und › dessen Arbeit machen ‹

» Entwicklung / Programmierung / Datenbanken

Warum nicht dt und dd jeweils einzeln verlinken und dann als Block formatieren, so dass es keine nicht-verlinkten Abstände innerhalb des Bereiches gibt?

__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Doch, denn die Definitionsliste ist für diesen Zweck nicht gemacht.

Unter HTML 5 wäre das zwar völlig in Ordnung, aber wie gesagt, die dl ist das falsche Element für deinen Zweck.

Über
lassen sich doch deine Anforderungen umsetzen, die vorhandenen Elemente lassen sich entsprechend stylen.

Hier sehe ich eigentlich kein Problem, die Definitionsliste bildet die Zusammengehörigkeit von Bild und Bildunterschrift doch recht gut ab. Siehe beispielsweise example 5.

danke mal vorab an alle ;-9

@austen
ja, example 5 ist soweit schon okay!
mein problem beginnt, wenn ich alles(!) als link versehen will.

@ev t
habe ich fast befürchtet, dass ich da dl nicht nehmen kann.
schade!
ist so praktisch!

@gato
ja einzeln verlinken ist mir auch schon eingefallen, aber...
da ich relativ viele bilder gerne zu slimbox/lightbox anwendungen verlinken will, ist es schon sehr mühsam alles 2x einzugeben. wollte mich davon drücken


johannes

Johannes, nur anhand eines konkreten Beispiels lässt sich die sinvollste Methode erarbeiten. Deshalb zeig doch einfach mal, ggf. auch als Dummy, wie das Ganze aussehen soll.

hallo EvT,
ein beispiel hab ich leider nicht gefunden. hier mal vorab meine lösung.
allerdings nur mit einem link im "dd". schön wäre es, wenn der link auch funktioniert, wenn das bild mitverlinkt wäre.

CSS
HTML

Nochmals zu meinem Verständnis: Sollen sowohl das Bild als auch die Unterschrift je einen Link tragen; geht es also um zwei verschiedene Links?

Bisher habe ich dich so verstanden, dass es sich um ein und den selben Link handelt, der das Bild und die Legende umfasst. Falls diese zweite Alternative zutrifft, dann reicht doch:

Wobei em auf display:block; gesetzt wird, damit die Bildunterschrift in einer Zeile unter dem Bild angezeigt wird.

du hast es schon richtig verstanden.
es soll letztendlich nur ein link sein!

"em" etc. finde ich nicht sehr praktisch für das spätere "handling".
bzgl. margin, floats etc.
grins...hab es gerne etwas "kompakter"

werde vermutlich chorns rat annehmen ("pest oder cholera").
werde ein "dl" verwenden, aber dann lediglich die "dd" verlinken.
ich gehe mal davon aus, dass der user, wenn er etwas vergrössern will und eine lupe sieht bestimmt auch die maus in die richtung bewegt.
ansonsten....

trotzdem nochmals danke

johannes