Page 1 of 1

Simple vert menu has unwanted left margin !!

Posted: Wed Dec 12, 2007 4:34 pm
by ironblaze94
Hi,

I've used the simple vert menu on my template inside a div tag called navigation that does not have any padding. The menu insertion command is inside the tag and connected to the correct stylesheet.

When i look at the pages the menu is styled but with a huge(!) left margin.

Here is the css for the navigation area tag

div#navigation {
        width: 193px;
background-color: #404129;
border: 1px #232317 solid;
float: left;
        padding: 0px;
        margin: 0px;
}

This with an unedited simple vert menu css stylesheet (which works correctly on the Left simple navigation + 1 column template)

The screenshot shows the menu with a very large left margin before customizing it's look, why is this ?

Image

Re: Simple vert menu has unwanted left margin !!

Posted: Wed Dec 12, 2007 8:54 pm
by Nullig
What is the styling for the #menu_vert div?

Nullig

Re: Simple vert menu has unwanted left margin !!

Posted: Wed Dec 12, 2007 8:59 pm
by calguy1000
ironblaze94:

Thank you for posting a message in here that was clearly related to CMS Made Simple's default styles and/or templates., and your difficulty with them.

Though you didn't mention which version of CMS Made simple you are working with, you have clearly illustrated that you are having a problem that is specifically related to CMS Made Simple.

Once we go a little further down this path, you will probably find that it is still a 'generic' CSS problem, but this is a reasonable example of what should be posted here.

Re: Simple vert menu has unwanted left margin !!

Posted: Fri Dec 14, 2007 9:16 am
by Dr.CSS
It may just be a lack of #nameofdiv ul {margin:0px; padding:0px} most times if not specified ul will have a left margin...

A link, or at least more CSS calls in the post will get you a better answer...

You say "The menu insertion command is inside the tag and connected to the correct stylesheet." but you post the CSS with...

div#navigation
{
        width: 193px;
  background-color: #404129;
  border: 1px #232317 solid;
  float: left;
        padding: 0px;
        margin: 0px;
}