Simple vert menu has unwanted left margin !!

[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 ?

[Nullig]

What is the styling for the #menu_vert div?

Nullig

[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.

[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;
}