photoseite bild bei hover anzeigen

[cyberspeed]

hi tja nach 5 versuchen hab ichs entlich geschafft beim registrieren die zahlen/buchstabenkolonne einzugeben - sagt mir doch gleich das ich die groß schreiben muss

ich mach gerade für meinen freund ne photo-seite und bin dabei auf ein problem gestoßen bei dem ich nicht weiterkomme.

http://www.sbg.at/cws/testeigen.htm

bei jedem thumbnail ist dahinter noch ein div, welches bei hover ein hintergund-image gesetzt wird
#pic a#thumb1:hover .picx{background-image: url("http://www.css-hilfe.de/forum/templates/csshilfe/images/csshilfe.jpg"); z-index:100;}


mein 1. problem: das pic soll erst bei hover geladen werden, deshalb als hintergund-image in DIV und nicht PIC. jedoch kann man das photo jetzt nicht mehr speichern.

und das 2.: das div (genaugenommen ist es für jedes thumb ein eigenes) wird mit position:absolute pisitioniert, das ist jedoch bei der seite wo ich es einbaue leider nicht mehr möglich.
und wenn ich das div außerhalb von

Code: Alles auswählen

<a><img><hieristzurzeitdasdiv></a><br>

setzte dann kann ich es mit

Code: Alles auswählen

#pic a#thumb1:hover .picx{

nicht mehr ansprechen.

und prob 3.: das ganze - wie könnte es auch anders sein- funzt beim ie nicht.


ich hoffe ihr könnt mir helfen

mfg cyberspeed

[Laus]

Hallo

Schau dir mal diese Seiten an da findest du Anregungen und auch fertige Losungen zu deinem Problem.

Xaver

[cyberspeed]

auf diese seite bin ich bereits gestern (glaub nach stöbern in eurem forum) gestoßen... hab jetzt entdeckt das es eh meistens mit thumbs gelöst ist, jedoch basieren diese alle darauf, das einfach ein nachfolgendes IMG sichtbar gemacht wird, und es durch position:absolute sein eltern-element verlässt...

bei meiner seite wäre das nur möglich wenn ich zu left:10px; noch das left eines bestimmten div-elements dazurechnen könnte (welches sein left je nach breite des browserfenster ändert) --> seitenbreite variabel, div mit fixer breite darin der inhalt, und das div wird zentriert ausgerichtet

[cyberspeed]

habs jetzt hinbekommen... hab das ganze in firefox angeschaut - und haut super hin... dann schau ich in ie - naja das bin ich eh schon gewohnt... aber die seite wird auch in allen anderen browsern "falsch" dargestellt...

plz help

addy:http://www.sbg.at/cws/uhr/index.php?topic=pics

das css is mittem im quelltext (ich hoffe es liegt nicht daran, glaub ich jedoch nicht)

kann jemand nen fehler (nicht schimpfen, gibt sicher ein paar, so gut kann ichs halt noch nicht) finden?

wär echt scheiße wenn das jetzt nach der ganzen mühe doch nicht klappen sollte...

[cyberspeed]

liegt es vl daran, das ich doch pos:absolute eingebe? bei Firefox scheint sich das auf das eltern-element zu beziehen...

[cyberspeed]

so habs jetzt geschafft (nochmals von vorne begonnen)

jetzt passt alles bis auf:
1.nur bei firefox bleibt das bild wenn man es anklickt
2.bei netscape entstehen scrollbalken, und ich hab ka why
3.(das wichtigste) wie kann ich die thumbs jetzt in ein objekt mit scrollbalken stecken, ohne das der inhalt diesen als vater-element nimmt weil sonst geht da mit position:absolute wieder nicht...
(achja absolute ---> vom übergeordneten element aus, habs mit vb verwechselt, das ist das wirklich absolut.)

plz help
mfg cyberspeed

[havla]

Hallo

Schau dir mal das --Hier<-- an, da wird für die Thumbs ein Scrollbalken verwendet.
Eventuell solltest du die Bilder und die Thumbs alle in der jeweils gleichen Größe anzeigen.

[cyberspeed]

na super... jetzt öffne ich das ganze in ner neuen seite, und wieder das selbe... in ie und firefox funzt, und in opera und netscape nicht...

dort verlässt das bild bei overflow:scroll den container nicht...

was mich jetzt noch intressiert: gibts ne einfache lösung?
und noch wichtiger ist mir: wer machts jetzt eigentlich so wie's programmiert ist richtig? ie und firefox, oder oera und netscape?

sind es ie und firefox dann mach ich einfach für die anderen nen link zu ner no-css seite, und dann werden die bilder für diese einfach untereinander angezeigt...

mfg cyberspeed

[Laus]

Der FF ist dabei nicht das Problem und der IE auch nicht da ja die Hacks dafür sorgen das er es einigermassen richtig macht. warum nun ausgerechnet de NC und Opera da nicht mitspielen kann ich auch so nicht sagen.
Habe gerade festgestellt das sogar auf der Seite die dir Havla gegeben hat, also dem Original von Stu Nicholls der Opera das gleiche Problem hat.