[oakland-8]

Hallo,
ich möchte die Hoverbox

http://host.sonspring.com/hoverbox/

nutzen.
Dabei sollen im Preview-Bereich die vergrößerten Bilder aber immer mittig platziert sein.

Gibt es dafür eine Lösung?

[snuwie]

ich versteh dein problem nicht ganz ... kannst du mal was hochladen, wie du das genau meinst?

[choise]

gibt dem listenelement keine bzw ein statisches positioning.

danach kannst du die preview bei hover auf 50% 50% setzen und den rest per negativem margin ausgleichen, die hälfte der preview images eben

[oakland-8]

OK.
Was genau muss ich jeweils mit 50% angeben?

[Sp4wNi]

ja ist möglich

lösung

die class .preview richtig positionieren im css

[oakland-8]

Aktuell sieht das so aus:

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
cursor: default;
list-style: none;
}

.hoverbox a
{
cursor: default;
}

.hoverbox a .preview
{
display: none;
}

.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -33px;
left: -15px;
z-index: 1;
}

.hoverbox img
{
background: #fff;
border-color: #B1BECD;
border-width: 1px;
padding: 7px;
width: 120px;
height: 90px;
}

.hoverbox li
{
background: inherit;
float: left;
margin: 2px;
padding: 5px;
position: relative;
}

.hoverbox .preview
{
border-color: #B1BECD;
width: 300px;
height: auto;
}

/* =Hoverbox Ende
----------------------------------------------------------------------*/

[DerM]

[Sp4wNi]

also ich bin noch nicht soweit, dass sich code automatisch in bilder und webseiten verwandelt wie in der matrix
hast du vielleicht ein link?

Du weißt ja nun was du positionieren musst und wieviel,
deine frage ist jetzt wie?