Fotos mit Vergösserungseffekt

[Lona]

Ich hab wieder mal ein kleines Problem und brauche eure Hilfe...
Ich möchte Fotos einfügen und wenn man mit der Maus drüber fährt soll ein grössers Bild erscheinen...
Ich habbe folgendes gemacht HTML=

<ul class="foto">
<li>
<a href="#">
<img src="../bilder/bild_klein.jpg">
<img src="../bilder/bild_gross.jpg" alt="großes Bild" class="gross">
</a>
</li>
</ul>
 
</div>

css=foto li
{
list-style: none;
position: relative;
left: 170px;
} * {margin:0;padding:0}
h2,h3,ul,p {margin:0 0 .5em 0;padding:5px; color: #dbdaa8;} 
a .gross
{
display: none;
} a:hover .gross
{
display: block;
position: absolute;
top: 0;
left: 85px;
}

Ich habe das Problem,dass der effekt zwar funktioniert-ABER das grosse Bild wird über den Header angezeigt...
Ich habe die Seite mal hochgeladen,damit ihr es sehen könnt (alter webspace)


Wie kann ich das hinbekommen???
Danke schonmal für die Hilfe
LG Lona

 

[ChrisvA]

AW: Fotos mit Vergösserungseffekt

Also zunächst mal was allgemeines zu deinem Post: Es gibt die HTML-Codetags und anders nicht umsonst im Forum. Man sollte sie benutzen.

Nun zu deinem Probelm:
In schreibst du statt left: 85px folgendes: left: -85px; Mach mal das - weg und alles sollte funktionieren.


PS: Mit margin: auto; solltest du dein Bild zentrieren können.

 

[Lona]

AW: Fotos mit Vergösserungseffekt

Sorry ich kenne mich nicht so aus was css betrifft,bin noch am Lernen
Du meintest ich sollte das -85 rausnehmen? wenn ichs richtig verstanden habe...ich werds mal probieren,
Jedenfalls Danke schonmal
LG Lona

 

[patrick_l]

AW: Fotos mit Vergösserungseffekt

Ich persönlich finde es als Besucher einer Seite besser wenn ich selber entscheide ob ich dieses oder jedes Bild in groß sehen möchte (Bildergalerien).
Sprich durch einen klick wie bei der Light / Slimbox (JavaScript). Ich rate dir noch dazu dich mehr mit CSS auseinander zusetzen bzw. CSS zu lernen.

css:

left: 85px;

ändern in:

left: -85px;

Lg DerOtto

 

[ChrisvA]

AW: Fotos mit Vergösserungseffekt

Eigentlich macht es genau andersherum Sinn. left: -85px in left: 85px; zu ändern. Dann ist das Bild nicht mehr abgeschnitten.

 

[Lona]

AW: Fotos mit Vergösserungseffekt

Dankeschön... ich bin dabei mich mit css auseinander zu setzen...wird wohl noch etwas dauern
@Otto...auf der richtigen Seite habe ich schon 4 Galerien,wollte es auf dieser Seite mal anders haben
Nun schlaft schön
LG Lona

 

[holger2]

AW: Fotos mit Vergösserungseffekt

das kannst du auch mit jquery regeln. schau mal hier:
jQuery Bilder Zoom – bueltge.de [by:ltge.de]