Making a menu fit in the width of the page

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
Connie

Re: Making a menu fit in the width of the page

Post by Connie »

I suggest to rewrite the template instead of trying to live in that "bondage"

it is obvious that english text is shorter than german or french text so the template must keep that in mind

and 720 pixel is far too small nowadays... ;=)

you could as first help define a div, with bigger width and place that around the "normal main" div and place there the menue but that would not be too beautiful...

living with inherited unpractical layouts is a pain in the ass and will keep nobody happy! Sometimes it is time to put an end to an antiquated custom/habit   
jack4ya
Power Poster
Power Poster
Posts: 294
Joined: Thu Oct 19, 2006 10:07 am

Re: Making a menu fit in the width of the page

Post by jack4ya »

You can add a nowrap (css) to the li/a of the menu, that prevents two words forced over two lines.

Now how to make (a quick and dirty) fix of your old layout.

The menu items, have to go somewhere, right?

try something like (outputted, you need to code it properly yourself)

  (it needs a width, a heigth and a overflow)

float:left;    (then al the items need a float:left)

Last edited by jack4ya on Wed Nov 04, 2009 12:52 pm, edited 1 time in total.
Locked

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