Sidebox height

[EyefulTower]

Hi, I am using gifs to make my sideboxes rounded but bits are getting chopped off.

Can I put something in the stylesheet to force the height or will I need to do something with the appropriate tpl files.

[kuroi]

You can force the height in the stylesheet, but that is fraught with problems and trying to do it in the template files would be even worse. More likely to achieve the effect you want would be to use CCS styles to position the images appropriately.

However, it's very difficult to be more specific without seeing your site. Do you have a link?

[EyefulTower]

You can force the height in the stylesheet, but that is fraught with problems and trying to do it in the template files would be even worse. More likely to achieve the effect you want would be to use CCS styles to position the images appropriately.

However, it's very difficult to be more specific without seeing your site. Do you have a link?

The site is here,
http://www.eyefultower.co.uk/shop/

the rounding means that the text isn't all contained in the categories box at the top/bottom. I guess indenting the text would sort that but I don't know how.

[kuroi]

Personally I wouldn't have tried to do this with just one image as that makes everything a bit rigid.

But you can work with this by adding some padding-left (15px) to your #categoriesContent styling at the beginning of your stylesheet.

You could also close up that gap in the middle by giving adding something like #categoriesContent br {line-height: 0.5em}

This would pull the text away from the bottom of the box and give you some leeway to push it away from the top with some padding-top on #categoriesContent.

[EyefulTower]

Personally I wouldn't have tried to do this with just one image as that makes everything a bit rigid.

But you can work with this by adding some padding-left (15px) to your #categoriesContent styling at the beginning of your stylesheet.

You could also close up that gap in the middle by giving adding something like #categoriesContent br {line-height: 0.5em}

This would pull the text away from the bottom of the box and give you some leeway to push it away from the top with some padding-top on #categoriesContent.

Nice one thanks.
I am new to stylesheets. I thought I had tried the padding thing but it padded the whole lot I must have put it in the wrong place.