MyBB Community Forums
Please Help - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Please Help (/thread-13004.html)



Please Help - EGS - 2006-10-09

Hi. I am trying to make my forum skin for MyBB look exactly like my website's design.

My website is located at www.WiiBlog.net and the forum is located at www.WiiBlog.net/forum/

All was going well until I started to edit the header, which as you can see pretty much f'ed up the whole page. I need some assistance please. First off, the navigation in my header that says "Home" "About" "Archives", etc, should not have spacing...it really breaks up the image!

Secondly, the entire placement of that area is off...it should go into the skin, not off to the right of the page! Sad

Lastly, for some reason, the whole thing made the page break up (you can see weird spacing issues going on) and the text in the skin centered.

I need help! Please help me and give me suggestions of what to do.
Thank you!


RE: Please Help - darkteller - 2006-10-10

I see, the problem is just on a IE browser. Can you post the header css?


RE: Please Help - EGS - 2006-10-10

darkteller Wrote:I see, the problem is just on a IE browser. Can you post the header css?

#head {
	width: 743px;
	height: 147px;
	background: url(http://www.wiiblog.net/wp-content/themes/wii/images/header.gif) no-repeat top left;
	position: relative;
padding: 0;
margin: 0;
}

#head ul {
	list-style: none;
	position: absolute;
	top: -11px;
	right: 3px;
}

#head ul li {
	float: left;
}

#head ul li a {

	display: block;
	width: 87px;
	height: 31px;
	text-indent: -9999999px;
	outline: none;
}



RE: Please Help - darkteller - 2006-10-10

Try this:
Quote:#head {
width: 743px;
height: 147px;
background: url(http://www.wiiblog.net/wp-content/themes/wii/images/header.gif) no-repeat top left;
padding: 0;
margin: 0;
}

#head ul {
float: right;
list-style: none;
top: -11px;
right: 3px;
}