Boxes with round corners...
 

Does somebody know how to make in html the boxes with the round
corners, such as used on genpi.com?

http://home.zonnet.nl/jumpers/corners.jpg http://home.zonnet.nl/jumpers/corners2.jpg
Till now I managed to (re)produce the 4 round corners en the 2 horizontal lines,
but I can't figure out how the close the box with the 2 vertical lines.

I hope that somebody can help me.
Many thanks in advance!!

Genpi uses CSS for the vertical images (lines)

.menutable {
BORDER-RIGHT: #cccccc 1px solid;
BORDER-TOP: 0px solid;
BORDER-LEFT: #cccccc 1px solid;
BORDER-BOTTOM: 0px solid;
FONT-STYLE: normal;
}

applied to the table that holds their product image.

Wonderfull - that did it !! :D :D :D

Thanks alot for helping!!

Jerrad,

Did you create the 2 horizontal lines as images and add them using CSS? I am trying to do exactly the same as you and have created the images, but I can't seem to work out how to get these round the tables in featured products.

H

Hi Bigmac,
For the horizontal line I used two gif's, which I gave a table cell width
of 100%.

I've put them here for you to download. They're very small but they
are the grey dots on the right of the arrows.
I've used this one for the top line:
> http://home.zonnet.nl/jumpers/top.gif

And this one for the bottom line:
> http://home.zonnet.nl/jumpers/bottom.gif

Just right click on it and save them.
Hope this helps - good luck!

thanks works like a charm!

http://www.oneidasuzuki.com/

:D

Hi,

I need the same round corner for my product image but i dont have any where i start, i new to xcart please help.

Thanks

For your product image? You mean in product.tpl?

Thanks for reply, yes in my product.tpl and producs.tpl