hallo!
ich habe auf einer website eine liste aus bildern als navigation, die nebeneinander angeordnet sind.
ich möchte jetzt wenn man über das bild mit der maus fährt das vild da bleibt aber unten eine bildunterschrift erscheint.
#bilder a:hover img {
visibility: hidden;
}
soweit bin ich schon aber ich bekomme es nicht hin.
kann mir bitte jemand helfen?
danke und viele grüße!
Das ist nicht viel, zeige mal alles auch html mit korrektem doctype und validen Code. Ein Link zur Seite ist sogar besser, wenn Bilder im Spiel sind.
ich möchte die Seite unteren hier posten...aber so kann mir dann wrsl keiner helfen oder?
oder was?
Habe nichts verstanden. Liegt aber wohl an meiner Unfähigkeit mit Dialekten etwas anfangen zu können.
unteren soll wohl "ungerne" sein.
wenn ich es richtig verstanden habe, musst du nen a-tag erstellen, darin erzeugst du eiin img-tag und ein span-tag für die bild-unterschrift.
das img oder span auf display block (damit die unterschrift auch drunter steht) dabei ist egal welches von beiden nen block-element wird, da sich dadurch automatisch die anzeige ergibt)
dein css is dann auch käse, weil du damit das bild verschwinden lässt (du schreibst oben, dass du es da lassen willst)
css is dann ungefähr so
#bilder a{display:block; float:left}
#bilder a span {display:none}
#bilder a:hover span {display:block}
hinter deinem menü musste dann noch clearen.
alternativ ginge auch das hier: (wenn du den bereich vom span immer frei halten willst)