The following works perfectly: <html> <head></head> <body> <a href="whatever"> <img style="margin-left: 5px" src="maxi.jpg" alt="My text"> <img style="margin-left: 5px" src="maxi.jpg" alt="My text"> <span>My text</span></a> </body> </html> I have not tried png files
On Jun 26, 1:26 am, Wolfram Rösler <[email protected]> wrote: > Hi, > > > I would use CSS for this. Have each image have a right (or left) > > margin of the appropriate size. > > I tried this: > > HTML = ... > + '<a href="whatever" class="fisheyeItem">' > + '<img style="margin-left: 5px" src="myimage.png" alt="My > text">' > + '<span>My text</span></a>'; > > 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. Then > same thing happens when I put margin-left or margin-right into the CSS > file's ".fisheyeItem img" or ".fisheyeItem span" sections. > > margin-left and margin-right in the ".fisheyeItem" style of my CSS > file don't show any effect either. > > Putting between the <img>s or <span>s also doesn't work. > > Any further ideas? > > Thanks for your help > Wolfram --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
