Get your own free workspace
View
 

SideBar Tips And Tricks

Page history last edited by PBworks 3 years, 11 months ago

Moving The SideBar

The SideBar is easy enough to move but just keep in mind that when you place it to the left your content will jump below the side bar and look kind of silly if you do not have a long sidebar. One way to get around this is to place all of your content in one big table.

 

SideBar Position Classic SideBar Educational SideBar (Tabbed)
Left <style type="text/css">
#SideBar {
float:left !important;
clear:both !important;
}
</style>
<style type="text/css">
.sidebar_v2 {
float:left !important;
}
</style>
Right <style type="text/css">
#SideBar {
float:right !important;
clear:both !important;
}
</style>
<style type="text/css">
.sidebar_v2 {
float:right !important;
}
</style>
Center <style type="text/css">
#SideBar {
margin:0 auto !important;
width:100% !important;
}
</style>
<style type="text/css">
.sidebar_v2 {
width:100% !important;
margin:0 auto !important;
}
</style>
*All of these codes are placed in the sidebar using the insert HTML plugin.

 

 

 

_uacct = "UA-3702598-1"; urchinTracker();

Comments (0)

You don't have permission to comment on this page.