Banner is not aligning properly

by milarepa April 4th 2009, 8:18 pm

Hi,
I have a problem with my banner, it won't align to the left side properly. I have tried uploading the banner, and resizing it bigger, but it looks the same. my site is reikilearninglounge.com . If someone could go look and check.

I've also made the banner on the left side, in admin, but nothing happens.

take care
Wayne

by milarepa April 4th 2009, 8:20 pm

dimensions are 160 x 1000.

by Karenn April 4th 2009, 8:50 pm

Instead of left, try the centre.

by milarepa April 4th 2009, 8:57 pm

i've tried left, centre & right. :-(

by milarepa April 4th 2009, 8:58 pm

i've also just tried lowering page width. right down to 50%. The forum width never changed.

by Jalokim April 4th 2009, 9:05 pm

hello...

please go to your admin panel -> display -> colors -> css tab (if applicable)
then locate this code in your css:

Code:: div#logostrip #logo { display: block; margin: 0 10px; float: center;

you see the margin part...
its 0 and 10 ... a=make it 0 0.
like this:

Code:: div#logostrip #logo { display: block; margin: 0 0px; float: center;

that will center your banner perfectly

by milarepa April 4th 2009, 9:11 pm

sorry i'm a real noob at this, here is my CSS. where should i put that?

/* CSS Editado por Skillet, la modificación de esto es permitido, también la distribución por parte de Skin =D */
table.ipbtable tfoot td {
background-color: #42b3ee;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 10px;
height: 10px;
background: url('https://2img.net/h/oi43.tinypic.com/30ljr5d.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://2img.net/h/oi42.tinypic.com/8ytks5.png') no-repeat 50% 50%;
}
#gfooter {
background-color: #aeadad;
color: #fff;
}
#submenu ul li a:hover {
background: url('http://pmsc.free.fr/I/0919215933.png')
}
div#logostrip {
background-image: url('http://pmsc.free.fr/I/0919233719.png');
}
#submenu {
background: #ffffff;
color: #303b4a;
}
#ucpmenu ul li a:hover {
background-image: url('http://pmsc.free.fr/I/081231175212.jpg');
}

body {
background-image:url('http://pmsc.free.fr/I/081231184600.jpg');
background-position: top center;
}

#ipbwrapper{
margin: 0 auto 0 auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 960px is a common fixed resolution size */
width: 1000px;
background: transparent url(http://pmsc.free.fr/I/0919221904.png) no-repeat bottom center;
padding-bottom: 65px;
}

by Jalokim April 4th 2009, 9:12 pm

sorry is that your entire CSS?

nothing else?
please confirm... I'll generate a proper code for you

by milarepa April 4th 2009, 9:14 pm

that is it all. am i getting it in the right place? Admin,display, pics & colors, colors., CSS stylesheet.

by Jalokim April 4th 2009, 9:19 pm

well then that is not good.
Luckily I have generated a proper code for your forum.
This may bring a few changes but with a deprived css that you had there, I think this one is better.

http://www.mediafire.com/?wgjzz2t2mvw

^^ just download that file...
Its a notepad... open it and copy the entire text and paste it into your CSS... don't forget to first remove everything from your css box. Only the code from my notepad should be in your CSS. it automatically has the banner fix.
report if anything went wrong