mouseover Bildeffekt

[m-Lind]

Hallo

Ich wollte gerne, dass sich das Bild vergrößert, wenn man mit der Maus hinüber geht, es funktioniert auch, aber die anderen Bilder verschieben sich immer.

product_listing_v1.html

Es muss doch auch anders gehen.

Weiß jemand zufällig, wie es geht?

css

#galerie img

{

width: 150px;

height: 150px;

display: block;

padding: 0px;

border: 0px;

} 


#galerie a .gross

{

display: none;

}


#galerie a:hover .gross

{

width: 250px;

height: 250px;

display: block;

position: relative;

top: -50px;

left: 150px;

z-index: 1;

background: #fff;

}

<div id="galerie"><a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /><img src="{$module_data.PRODUCTS_IMAGE}" alt="" class="gross"></a></div>[/HTML]

[jagdexperte.de]

an welcher stelle muss ich die codes denn einfügen in der module css und in der product listing html????

[jagdexperte.de]

Hat keiner ne idee würde mich sehr interessieren dies umzusetzen

[ahlfy]

Overflow:hidden;

evtl.????

[m-Lind]

Der Html code wird in product_listing_v1.html eingefügt.

und der css code in stylesheet.css.

Aber wie gesagt, es funktioniert noch nicht einwandfrei.

[jagdexperte.de]

in meiner stylesheet steht aber nur dies hier drin:

@import url(main.css);

@import url(boxes.css);

@import url(module.css);

@import url(navi.css);

@import url(thickbox.css);

[jagdexperte.de]

und eigentlich wollte ich wissen an welcher stelle in den beiden dateien ich die codes einfügen muss da ich keine einträge passend hierzu finde. ich stell mich wieder an wa? aber bin da noch net so fit auf dem gebiet

[m-Lind]

In dem Template-Ordner befindet sich

index.html und aber auch stylesheet.css

[jagdexperte.de]

ja das is schon klar aber ich wollte ja wissen an welcher stelle in der index.html und in der css datei ich die genannten codes einfügen muss

[m-Lind]

product_listing_v1.html

befindet sich im Ordner module/product_listing

dort wird der html code

hier eingefügt:

<img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" />

und die die css datei einfach den code reinkopieren.