CMS Made Simple Forums

Hi all,

I´m new to CMS made simple and I think we might become friends soon, its a beautiful and easy CMS.
I´ve played around a little bit with the standard templates from version 1.02 and I have three questions now.

1. Is it possible to center the whole menu of the template "CSSMenu top + 2 columns"?

2. How could i fix the background of the pagewrapper in the same template to the top and bottom of the screen?

3. How do i insert beautiful menu bars like http://css.maxdesign.com.au/listamatic/horizontal26.htm?

best regards,
nec

Hello

1) give the background color to the menu_vert, why it's a horiz. menu and it's called menu_vert I have no idea but in default install that's how it's called out, with a width of 100%.
then for the menuwrapper give it a width small enuf to get all your pages in it, 85% more or less depends with 'margin: 0px auto' this should put it in the middle, may have to tweak to get it just right.

2) Default install has no background in the pagewrapper just #FFF which is the color white, if you are looking to make the hearder and footer the same height just call them out in the CSS, default header is height: 80px; putting this in the footer gives you the same size in both.

3) If you look in the CSS of that menu... note the blue this is the call for the image which you will need to have an image to call, (uploads/images/yourimage.gif) or whatever the ext. is, no need for the " " in your call.

CSS
#navcontainer ul li  this will be 'primary-nav li' in the default install
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("http://biphome.spray.se/karl10/images/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

The same goes for the rest of the CSS, a:active, a:hover,

Hi Mark,

first I´d like to thank you for your effort.

1) Where did you say can I set the background and percentage of the menu_vert? I couldn´t find it.

2) Ok, right. But is there a possibility to set a fix height for the whole body?

3) Thanks for the hint of the label "'primary-nav li", helps me out to show the menu bar on the page.

I´ve attached the current CSS code, maybe this could be helpful for you to identify my problem. Looks neat, but if I don´t set the pagewrapper to a fixed size, it will look terrible on some sizes. Would be a better way if the menu buttons take the whole width of the pagewrapper and automatically arrange their width themselves, depending on the text.

-------------------------------------------------------------------------------------------------------------------------------
.clearb { clear: both; }
#menuwrapper {
background: url(http://biphome.spray.se/karl10/images/navBarBg.gif) repeat-x 20px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
width: 100%;
}

#primary-nav li
{
list-style-type: none;
display: inline;
padding: 0px;
margin-left: 30px;
float: left;
background: url(http://biphome.spray.se/karl10/images/navBarBg.gif) repeat-x 20px;
font: 10px/20px Lucida Grande, verdana, sans-serif;
}

#primary-nav a
{
color: #000;
text-decoration: none;
display: block;
}

#primary-nav li.menuactive
{ background: url(http://biphome.spray.se/karl10/images/navBarBgHover.gif) repeat-x 20px;
}
#primary-nav a:hover
{ background: url(http://biphome.spray.se/karl10/images/navBarBgHover.gif) repeat-x 20px;
}
-------------------------------------------------------------------------------------------------------------------------------

best regards,
nec

Hi again,

could anybody else help me with that or are there any tips and hints?

best regards,
nec

It would be easier to help if there was a link to the page to get a first hand look at what you are trying to do...

Hi Mark,

here´s a screenshot of the menu, i hope that helps.

http://www.kontaktlinsen-gessler.de/screenshot001.png

best regards,
nec