Page 1 of 1

Menu problem

Posted: Fri Mar 16, 2007 9:35 am
by hashess
Hi all.

I've just installed CMS Made Simple on easyphp. I will install it during the weekend on my host. I have a big problem in fact with the menu. I think a screenshot is better to let you see :

Image

I'd like that the menu continue on the second line and the background used on the second line to continue too. Is it possible ?
Thanks a lot

P.S. : Sorry for my english if some sentences aren't good :s. I laready posted this question in the French Section but no one answered.

Re: Menu problem

Posted: Fri Mar 16, 2007 9:47 am
by Vin
If I were you, I'd post this in Layout board. This is a typical layout problem.
In case you have a little knowledge of CSS. Try looking for some suitable templates and stylesheets already included in the CMSMS, or templates and stylesheets (I believe they're called Themes in one package) here on the CMSMS site (look in the DOCUMENTATION).

Re: Menu problem

Posted: Fri Mar 16, 2007 7:24 pm
by RonnyK
If you know you always need a second line you can increase the height of the DIV that holds the menu. That way you force the height to hold two lines.

BTW if you post, you can use 'additonal options' below the content-box. There you can also attach a screenshot, that links directly to the post instead of going to imageshack.

Ronny

Re: Menu problem

Posted: Fri Mar 16, 2007 9:17 pm
by hashess
Ok Ronny thanks a lot. Could you please tell me where I can find the DIV size?
I think my website would be ready then XD.

Thank you so much

Re: Menu problem

Posted: Fri Mar 16, 2007 10:17 pm
by Vin
That depends on the particular div... each div has an id or class (or both) attribute attached, like

Code: Select all

<div id="foo" class="bar">
in the page template. In CSS, they are expressed as

Code: Select all

#foo
and

Code: Select all

.bar
. If you manage to find the right div with this (these) attribute(s), just set the height property enclosed in {paranthesis} to twice more. Or you can set the min-height property with the original size in a new CSS rule like this:
body>div#foo{min-height: [the original height];}
If nothing works or you don't know how to do it, share your template an css code here.