Menu problem

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
hashess

Menu problem

Post 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.
Vin

Re: Menu problem

Post 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).
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Menu problem

Post 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
hashess

Re: Menu problem

Post 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
Vin

Re: Menu problem

Post 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.
Locked

Return to “Layout and Design (CSS & HTML)”