Hello,

I have a couple of images in a fisheye that I want to be displayed
with some space between them.

Currently, jQuery displays the images directly connected to each
other:

XXXYYYZZZ
XXXYYYZZZ
XXXYYYZZZ

(XXX stands for the first picture, YYY for the second, and ZZZ for the
third)

What I want is this:

XXX YYY ZZZ
XXX YYY ZZZ
XXX YYY ZZZ

I tried "margin-left: 5px" in the style sheet but this cuts off 5
pixels from the right of each but the rightmost image, and the images
seem to overlap when the mouse goes over them. I then tried "margin-
right" instead, which showed no effect at all.

Putting &nbsp; between the <img>s or <span>s also doesn't work.

You can see the effect here: http://www.roesler-ac.de/fisheyeborder/
and download the sample code from: http://www.roesler-ac.de/fisheyeborder.zip
The margin is set in the styles.css file (see comment).
Note how the English flag is cut off, and how the margins behave when
the mouse moves over the flags.

Any idea how to make this work?

Thanks for any help
Wolfram Rösler

Reply via email to