• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 3 posts ] 
Author Message
 Post subject: What does margin: 0px 5px 0px do? Which margin is which?
PostPosted: Tue Feb 09, 2010 3:21 am 
Offline
Forum Members
Forum Members

Joined: Sun Feb 07, 2010 6:59 pm
Posts: 18
I have a page almost finished but I am having a small problem where I need to move the menu in the page down about 10 pixels. As hard as I try I cannot find the code to modify to move the menu down. Here is the code: can anybody help?

/* ------------  Menu  ROOT  ------------ */
.page-menu {
width: auto;
height: 35px;
margin: 3px 0 0 20px;
margin-top: 10px;
}
.menuwrapper {}

ul#primary-nav li hr.menu_separator{
       position: relative;
       visibility: hidden;
       display:block;
       width:1px;
      height: 32px;
      margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
height: 1%;
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.page-menu ul#primary-nav li {
float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
display: block;
padding: 0 10px;
background-repeat: no-repeat;
background-image: url(uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
padding-left: 0;
color: #000;
font-weight: bold;
line-height: 1.5em;
text-decoration: none;
margin-left: 1px;
font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
color: #000;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
color: #000;
}
.page-menu ul#primary-nav li a span {
padding-top: 6px;
padding-right: 0;
padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
display: inline-block;
}


Top
 Profile  
 
 Post subject: Re: What does margin: 0px 5px 0px do? Which margin is which?
PostPosted: Tue Feb 09, 2010 3:28 am 
Offline
Forum Members
Forum Members

Joined: Sun Feb 07, 2010 2:50 pm
Posts: 15
The margin property can have from one to four values.

    * margin:25px 50px 75px 100px;
          o top margin is 25px
          o right margin is 50px
          o bottom margin is 75px
          o left margin is 100px

    * margin:25px 50px 75px;
          o top margin is 25px
          o right and left margins are 50px
          o bottom margin is 75px

    * margin:25px 50px;
          o top and bottom margins are 25px
          o right and left margins are 50px

    * margin:25px;
          o all four margins are 25px


Top
 Profile  
 
 Post subject: Re: What does margin: 0px 5px 0px do? Which margin is which?
PostPosted: Tue Feb 09, 2010 3:30 am 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 10250
Location: Arizona
If you look thru the default style sheets that come with cmsms you will find references to how this works, but I'll give them to you this time...

This is the same for padding or margin, this is assuming you have 4 numbers, I will give it in all variation starting with 4 numbers and working my way down...

0px 0px 0px 0px    top right bottom left...

0px 0px 0px          top right&left bottom...

0px 0px                top&bottom right&left...

0px                      all sides...

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get the parameters it takes
Right click and view source is a great way to see what you have to work with
Check ver. CMSMS, PHP, server OS, in System Information page
Default content, read it here, http://multiintech.com/defaultcontent/
People are Wonderful Business is Great Life is Terrific
Image


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 3 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Arvixe - A CMSMS Partner