text wrapping on section names?

[TheInkDepot]

Hi All

I need some of my section names to be on 2 lines as some are a bit long and make the layout look awful. I managed to acheive this by setting the name in html like this

!!<Country<br>Gentleman>!!

Is the a neater way to achieve this?

You can see it here:
http://www.webpacks.co.uk/acatalog/t...llow_Body.html

Many thanks

Neil

[leehack]

Best way is to specify the width of the container, a browser will automatically wrap the text onto the next line when it runs out of space then. If you want the break to be in a specific place, then what you are doing now is what you have to do.

[TheInkDepot]

many thanks Lee

[Duncan Rounding]

Try a cell padding of 30 in your section list layout. You can play with this in Firefox using the Firebug add-in.

See attached.

[leehack]

Duncan's method is good and much easier too, just gives you wider gaps down the sides though. It's a toss up but i'd probably go with Duncan's personally as it is just easier to do.

[TheInkDepot]

Great ;-) thnaks for that Duncan...I have the firefox thing lol...how do I save the changes to the HTML?

Many thanks

Neil

[jont]

You need to copy the code back into Actinic in the relevant place.

[TheInkDepot]

any idea where I should be looking for the relevant place?

KR

Neil

[leehack]

The section list layout as Duncan mentioned in his post. Scroll up from your section layouts and click on the orange link.

[Duncan Rounding]

It depends on your section list layout but generally:
Go to Design View and highlight the section list layout then in the code view click on the orange text 'click here to edit list layout settings'. Then you can change the 'start of list' cellpadding.

[TheInkDepot]

Brilliant, thanks so much guys for that!

s there a way I can reduce the space between the rows in the section list as I feel it would look more compact?

Here's what it looks like now:
http://www.webpacks.co.uk/acatalog/t...llow_Body.html

KR

Neil

[leehack]

I know i said 3 wide, try it with 4 even as the images are quite small, might look good (reduce the padding though too to about 10). The gaps you refer to are one of the problems using padding as its applied to each cell of the table, even above it. With 4 wide you might find not so obvious, otherwise you are going to have to delve into code and CSS again.

[TheInkDepot]

many thanks for all your help Lee