Folgendes Problem:
Es soll eine bereits beinahe völlständig integrierte Image-Hovergallerie, welche auf CSS basiert dem Template entsprechend angepasst werden.
Ich musste den Galleriewechsel vollziehen, da die vorherige bei Ebay/ Hood nicht funktionsfähig war. Mit der Hovergallerie klappt es soweit.
Es sollen also lediglich die vergrösserten Produktfotos dem Container einer festen Höhe angepasst werden, auch sollen sie nicht über den Container herausfliessen falls das Image zu gross sein sollte.
Wie stelle ich das am besten an? Ich komme irgendwie nicht richtig weiter! Vielleicht ist auch irgendwo ein Fehler drin.
Hier mal der HTML & CSS Code, damit man sich ein Überblick verschaffen kann.
[HTML]
<div class="product_galerie_inside">
CSS:
.gallerycontainer {
border: 1px solid #BFBFBF;
border-radius: 5px 5px 5px 5px;
height: 375px;
margin-bottom: 5px;
padding: 5px 0 0;
position: relative;
}
.thumbnail img {
border: 1px solid #BFBFBF;
border-radius: 5px 5px 5px 5px;
float: left;
margin-bottom: 5px;
margin-left: 5px;
position: relative;
width: 87px;
}
.thumbnail:hover, .thumbaktiv {
background-color: transparent;
float: left;
}
.thumbnail:hover img, .thumbaktiv img {
border: 1px solid lightgray;
}
.thumbnail span {
color: black;
left: -1000px;
padding: 5px;
position: absolute;
visibility: hidden;
}
.thumbnail span img {
border-width: 1;
padding: 2px;
height: auto; width: 200px;
}
.thumbnail:hover span, .thumbaktiv span {
left: 230px;
visibility: visible;
z-index: 50;
}