Forums

Hackbook

So I have a problem that I have no idea how to fix. If you just take a look at http://philhavens.com you can see that the header image is only transparent on one side. The page is just blank and I am the header is being included via PHP.

Here is the regular image:
http://dl.getdropbox.com/u/40023/header-bg.png

Here is the CSS:
http://philhavens.com/style.css

Here is the code of the header:


<div id=\"nav\">
	<ul id=\"inside-nav\">
		<li class=\"projects\"><a href=\"/projects.php\">Projects</a></li>
		<li class=\"blog\"><a href=\"/blog\">Blog</a></li>
		<li class=\"contact\"><a href=\"/contact/\">Contact</a></li>
	</ul>
</div>

cybershot

well the header image you show is 796 pixels wide and the page wrap you have is only 700 pixels wide with a white background. Now I am assuming that you put the header image inside the page wrap inorder to center the layout. I think you need to increase the size of the page wrap to start. I also don't think your page wrap needs a background color. Just give the individual divs the background color instead.

Hackbook

"cybershot" said:
well the header image you show is 796 pixels wide and the page wrap you have is only 700 pixels wide with a white background. Now I am assuming that you put the header image inside the page wrap inorder to center the layout. I think you need to increase the size of the page wrap to start. I also don't think your page wrap needs a background color. Just give the individual divs the background color instead.

Thank you so much! It just helps to have another set of eyes look at code :)

treehouse : what would you like to learn today?

Forums

PNG/CSS Transparency issue