The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Sidebar Widget Alignment

View previous topic View next topic Go down

Sidebar Widget Alignment

Post by SteelVoltage on July 14th 2012, 2:55 am

Hello,

I want to have a sidebar with the links to various pages on my forum, but when I activate it, it makes everything look askew. My forum is www.infinitedbz.com. Right now, the sidebar is disabled, because of this. I am using Invision.

Here is a picture of what I'm talking about:



How can I fix this issue? Any help would be most appreciated.

SteelVoltage
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Re: Sidebar Widget Alignment

Post by SteelVoltage on July 17th 2012, 4:41 am

Bump.

SteelVoltage
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Re: Sidebar Widget Alignment

Post by SteelVoltage on July 30th 2012, 12:56 am

Bump. Can anyone offer any insight?

SteelVoltage
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Re: Sidebar Widget Alignment

Post by Reverse on July 30th 2012, 2:50 am

What is the problem, because i don't understand what the problem is

Reverse
Forumember

Male Posts : 363
Reputation : 8
Language : english
Location : GraphicZone

http://www.graphiczone.forummotion.com

Back to top Go down

Re: Sidebar Widget Alignment

Post by nextlevelgaming on July 30th 2012, 3:40 am

it looks like the code you used may not be closed. copy and paste code. ill look at it

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sidebar Widget Alignment

Post by nextlevelgaming on July 30th 2012, 5:31 am

its pushing everything around, its in the image. Ive had this problem before. it looks redonkulous haha. but seems like there was a code that was not closed such as </html> just an example.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Sidebar Widget Alignment

Post by SteelVoltage on July 31st 2012, 7:47 pm

The problem is the widget is pushing the forums over to the right, instead of just being on the left side and not moving them. That's the only way I can describe it. I'd like to use the sidebar widget, but it makes everything askew. Here's my code:

Code:

textarea  {
   font-size: 1.3em;
   line-height: 1.4em;
   padding: 2px;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   color: #D0D0D0;
   border: 1px solid #FF9000;
   background-color: #222;
}
select, input {
   font-size: 1.1em;
   padding: 1px;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   color: #D0D0D0;
   border: 1px solid #FF9000;
   background-color: #222;
}


/* QUICK REPLY-------------------------------------------------------------*/
.qreply {
        background-color: #313131;
   border: 0px solid #191919;
   }
.dd-textarea textarea {
        border: 2px inset #ff9000;
   }

#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
   background-color: #222;
        color: #FFFFFF;
   }


.ipbform2 dl dd input {
   background-color: #222;
        color: #FFFFFF;
        border: 2px inset #ff9000;
   }

.postreview .box-content {
   background-color: #313131; /** table color**/
   border-left: 1px inset #404040;
   border-right: solid 1px #121212;
   }

/*
fieldset {
   clear: both;
   background-color: #ff9000;
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/profil16.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }
*/


/***************** LOGO************/

div#logostrip {
   min-height: 170px;
   background-image: url('');
   background-repeat: repeat-x;
   text-align: left;
   width: 96%;
        margin-left: 17px;
   }
div#logostrip #logo {
   display: block;
   margin: 0 3px;
   float: center;
   }




body {
   background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/body11.gif');
 margin-left: 5px;
   }
#main{
   width: 95%;
   padding: 20px;
   text-align: left;
        position: relative;
   margin: 0px center;
        margin-top: -1em;
        margin-left: -2px;
   background-width: 768px;
        min-width: 983px !important;
        max-width: 984px !important;
   }

#ipbwrapper {
   width: 61.8%;
   text-align: left;
   padding: 20px;
        position: relative;
        /*margin-left: 15px;*/
        margin-left: 17px;
   margin: 0px auto;
        margin-top: -1em;
        min-width:1042px;
        padding-right: 2px;
        background-width: auto;
   background-width: 768px;
        background-repeat: repeat-y;
        background-position: middle top;
        background-color: transparent !important;
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/backg310.png');
/*    background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/backg16.png');
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;*/
   }

.container_IE {
        min-width: 900px !important;
        padding-left: 0.40em !important;
        /*margin-right:  2.90em !important;*/
        padding-bottom: 3.0em !important;
        image-repeat: no-repeat !important;
   background-position: bottom!important;
   background-repeat: no-repeat !important;
   background: transparent url('http://i72.servimg.com/u/f72/12/12/58/19/backg18.png');
        _background: transparent url('http://i72.servimg.com/u/f72/12/12/58/19/backg18.png');
        }

/***** TABLE BABY ************/
table.ipbtable.index-box {
   width: 100%;
   table-layout: fixed;
/*border: solid 1px #c4c4c4; //** border to all**/ */
   }

table.ipbtable th {
   color: #FFE1B9;
   font-size: 12px;
   font-weight: bold;
   background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/th13.gif'); /** 2nd head bar **/
   white-space: nowrap;
   padding: 0 5px;
   text-align: center;
   height: 26px;
   border-left: solid 1px #F58D07;
   border-right: solid 1px #9F5A00;
   border-top: solid 1px #F58D07;
   border-bottom: solid 1px #9F5A00;
}

table.ipbtable th.formsubtitle,.formsubtitle {
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

div.maintitle {
   background-image: url('http://i1219.photobucket.com/albums/dd428/Brian_Barbour/bar14.png'); /*main bar*/
        background-repeat: no-repeat;
        font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial;
        white-space: nowrap;

   font-align: center;

   font-size: 12px;
   font-weight: bold;
   color: #EB8500;
   }


/********************* TABLE BOTTOM ****************/

/*IPB Tables*/
table.ipbtable th.formsubtitle,.formsubtitle {
margin-top: -6px;
   background-color: #2d2d2d;
   }
table.ipbtable tfoot td {
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cathea11.gif');
   height: 24px;
   padding: 0 3px;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
/*
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;   
*/
   }
table.ipbtable .forumdesc {
   color: #666666;
   }
.row1,.row2 {
   border-bottom: 1px solid #131313 !important;
   }
.row1 {
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

.row2 {
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

.darkrow { /* BOTTOM OF TABLE ON TOPIC */
        background-color: #ff9000;
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/profil16.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }
.thin {
   border: 1px solid #3C3C3C;
   }
.sticky-separator {
   border-top: 3px solid #ff9000;
   }

/********************* PORTAL & WIDGET *********************************/
.module .maintitle {
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/portal11.png') !important;
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-bottom: solid 1px #131313;
   }
/*
.module .maintitle h3 {
   float: none !important;
   font-size: 1em !important;
   }*/
.module .box-content {
   padding: 5px;
   line-height: normal;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

.module .postbody {
   padding: 0px !important;
        width: 99.6%;
        background-repeat: repeat-x;
   /*border-left: solid 1px #404040;*/
   border-right: solid 1px #121212;
   border-bottom: solid 1px #131313;
   }
.module .postbody .postbody-head {
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   /*border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;*/
   border-bottom: solid 1px #131313;
   }
.module .postbody .post-footer {
      background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/bg_cat10.gif') !important;
   background-color: #313131; /** table color**/   
        background-repeat: repeat-x;
   /*border-left: solid 1px #404040;*/
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }


/***************** POPUP MENU*************************/

.popmenubutton {
   float: right;
margin-right: 20px;
   height: 15px;
margin-bottom: -3.5px !important;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }


#forummenu-options {
   float: right;
   height: 15px;
        margin-bottom: -4px !important;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
}

#forummenu-options_menu.popupmenu  {
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;}


div.maintitle h2,div.maintitle h3,div.maintitle div.toggle {
margin-bottom: -5.5px; /** fix for all table header margin**/
   font-size: 13px;
   }


/********* MENU BAR*****************************/
#submenu {
background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/button20.gif');
   height: 32px;
   overflow: hidden;
        border-left: solid 1px #121212;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
   color: #FFFFFF;
   text-align: center;
   font-size: 5px;
   padding: 1px;
        width: 98.6%;
        margin-left: -6px;
   }
/* Submenu */
#submenu {
   padding: 0.3em 0 0.0em;
   text-align: center;
        color: #FFFFFF;
   }


/*
#submenu {
background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/button20.gif');
   height: 18px;
   /*overflow: hidden;*/
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
   color: #FFFFFF;
   text-align: left;
   font-size: 12px;
   padding: 4px;
        width: 98.6%;
        margin-left: -4px;
   }
/* Submenu */
#submenu {
        height: 18px;
   padding: 0.0em 0 0.0em;
   text-align: left;
        color: #FFFFFF;
margin-left: -4px;
   }
*/

*+ html #submenu {
   padding: 0;
   }
* html #submenu {
   padding: 0;
   }
#submenu ul {
   list-style: none;
   text-align: left;
   }
#submenu ul li {
   
/*line-height: 2em;
   */
}

#submenu ul li a {
        padding: 0.0em 0em 0.0em 0;
   /*padding: 0.5em 1em 0.65em 0;*/
   margin: 0.5em 1em 0.65em 0;
   text-decoration: bold;
color: #FFFFFF;
margin-left: 15px;
   }

*+ html #submenu ul li a {
   display: inline-block;
   }


* html #submenu ul li a {
   display: inline-block;
   }

/*#submenu ul li a img {
   display: none;
   }*/



/*********  BAR FOR LOG AS************/
#userlinks {
/*background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/login10.png');*/
   padding: 0.5em;
   font-size: 0.9em;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
        border-left: solid 1px #121212;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;

width: 97.6%;
margin-left: -6px;
   }

/*********************** REMOVE UNDERLINE ************************/
a:link{
text-decoration: none;
}
a:hover{
text-decoration: underline;

}
a:active{
text-decoration: none;

}
a:visited{
text-decoration: none;
}

/******************* - + images ************************/
div.maintitle .expand,div.maintitle .contract {
   float: right;
        margin-right: 15px;
   width: 11px;
   height: 11px;
   background: url('http://i72.servimg.com/u/f72/12/12/58/19/icon_m14.gif') no-repeat 50% 50%;
   cursor: pointer;
   }
div.maintitle .expand {
   background: url('http://i72.servimg.com/u/f72/12/12/58/19/icon_m13.gif') no-repeat 50% 50%;
   }




/*********************** NAV BAGI TOPIK ************************/
#navstrip {
   list-style: none;
   margin: 0 0 1em;
   font-weight: bold;
        height: 18px;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');   
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }
#navstrip li {
   float: left;
   margin: 0 5px;
   padding-left: 13px;
   background: url('http://i72.servimg.com/u/f72/12/12/58/19/arrow110.png') no-repeat left 50%;
   }
#navstrip li.begin {
   padding-left: 10px;
        background: url('http://illiweb.com/fa/empty.gif') no-repeat left 50%;
   }
#navstrip li a {
   text-decoration: none;
   font-weight: bold;
   }


/************************SEARCH BOX*************************/
.search-footer-box input {
   margin: 0;
   font-size: 0.8em;
        background-color: #313131;
   color: #FFFFFF;       
   border-left: solid 1px #ff9000;
   border-right: solid 1px #ff9000;
   border-top: solid 1px #ff9000;
   border-bottom: solid 1px #ff9000;
   }
.mod-forum-toolbox {
   float: right;
   width: 45%;
   text-align: right;
   }


/**********************Login form****************/
div.login fieldset label {
   float: left;
   width: 11em;
   margin: 0.5em 0;
   }
div.login fieldset input {
   margin: 0.5em 0;
   }
div.login fieldset.formcolumn2 label {
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
/*
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
*/
   display: inline;
   float: none;
   }

/* ******************************************** QOUTE & CODE ************************ */
blockquote {
   margin: 8px;
   padding: 8px;
   background-color: #313131; /** table color**/
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

blockquote cite {
   background-color: #313131; /** table color**/
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
        color: FFFFFF;
   display: block;
   margin: -8px -8px 8px -8px;
   padding: 3px;
   background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/qoute10.png');
   background-repeat: no-repeat;
   background-position: top right;
   font-style: normal;
   font-size: 11px;
   font-weight: bold;
   }

.codebox dt {

   background-color: #313131; /** table color**/
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }


.codebox dd {

   background-color: #313131; /** table color**/
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
}

dl.codebox {
   margin: 8px;
   }
.codebox dt {
   background-color: #313131; /** table color**/
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   display: block;
   padding: 3px;
   background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/qoute11.png');
   background-repeat: no-repeat;
   background-position: top right;
   text-transform: uppercase;
        color: FFFFFF;
   font-weight: normal;
   font-weight: bold;
   }


/* ************************ POST BODY ************************ */

.post {
   background-color: #191919;
   border-bottom: 5px solid #ff9000;
   }

.post-container {
   margin-left: 18em;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   /*border-top: solid 1px #3C3C3C;*/
   border-bottom: solid 1px #131313;
   }

.post-header{
   padding: 2px 8px 0;
   min-height: 33px;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   /*border-left: solid 1px #404040;*/
   /*border-right: solid 1px #121212;*/
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;

   }
.popmenubutton-new-out {
   margin: 0 auto;
   float: none;
   padding: 0.3em 0;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }
.postprofile {
   float: left;
   margin-left: -18em;
   width: 17.757em;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   /*border-top: solid 1px #3C3C3C;*/
   /*border-bottom: solid 1px #131313;*/ 
        height: auto; 
   }
.topic-footer { /* previous */
background-color: #191919;
   padding: 0px;
   font-weight: bold;
        height: 18px;
   }

.bar {
   padding: 5px;
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

.post-footer {
   clear: both;
   background-color: #313131;
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/profil16.gif');       
        background-repeat: repeat-x;
   border-left: solid 1px #404040;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
   }

/********* FOOTER **************/
#gfooter {
   margin: 2px 0;
   padding: 0.5em;
background-color: transparent;
   color: #ff9000;
        width: 97.7%;
/*background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/bg_foo11.gif') !important;*/
   background-color: #313131; /** table color**/
        background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/cell10.gif');       
        background-repeat: repeat-x;
        border-left: solid 1px #121212;
   border-right: solid 1px #121212;
   border-top: solid 1px #3C3C3C;
   border-bottom: solid 1px #131313;
        margin-left: -5px;
float: center;
     

}
.current-time {
   float: right;
        color: #FFFFFF;   
}
        #fa_ticker_block {
            width: 970px !important;
            margin: 0 auto;
        }

SteelVoltage
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Re: Sidebar Widget Alignment

Post by SteelVoltage on August 6th 2012, 5:08 am

Bump

SteelVoltage
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Re: Sidebar Widget Alignment

Post by SteelVoltage on August 9th 2012, 5:55 am

Maybe this will help to understand my problem. I hate to keep bumping/bugging everyone, but I don't know who else to go to about such an issue.

Here is my portal page. The navigation widget sits evenly and within the confines of the background.



When I add the navigation widget to the forum, it pushes everything to the right. I am hoping to get the navigation widget and the forum to be even and to be within the confines of the background as well.



I hope this is enough to show my predicament :/


SteelVoltage
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum