moving sidebar to right (with banner ad)

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"
Post Reply
renout
New Member
New Member
Posts: 6
Joined: Sun Sep 23, 2007 10:49 am

moving sidebar to right (with banner ad)

Post by renout »

Hello

I'm building a cmsmadesimple site.
I would like to use the vertical menu + 2 colums template
I want the template on the right instead of the left. How can i manage that
Also i need to put a banner in the sidebar (where do i insert the script)

Hope someone can help
renout
New Member
New Member
Posts: 6
Joined: Sun Sep 23, 2007 10:49 am

Re: moving sidebar to right (with banner ad)

Post by renout »

no one?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: moving sidebar to right (with banner ad)

Post by Dr.CSS »

I've looked thru a default install site and can't find a vertical menu with 2 col. template, maybe you are thinking of the CSSMenu top + 2 columns template...

If so you will need to change these...

div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}
div#sidebar {
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 0;
}

To this...

div#main {
  margin-left: 2%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 29%; /* and some air on the right */
}
div#sidebar {
  float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 0;
}
Post Reply

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