Footer Image

• 

  somethinsfishy · Member · Jan 5, 2009 at 10:15 pm

  • Copy link
  • Add topic to favorites

  I tried searching this in FAQ and didn’t find much.

  http://www.somethinsfishy.wordpress.com

  I am trying to add this http://i158.photobucket.com/albums/t116/xsanoukx/footer_image.jpg footer image to the bottom of the container. I know that there is no place for it inside the container but, is there a way to add this image to the footer, and have it cleanly attached to the container?

  I tried doing this by changing the size of the footer to 820px, and then adding the image. Then I removed the border from the bottom of the container. It just didn’t all fit together well.

  Any ideas??

  Thanks

• 

  aw1923 · Member · Jan 5, 2009 at 10:19 pm

  • Copy link

  this will work

  #footer {
  	clear: both;
  	background: transparent;
  	margin: 0 auto;
  	width: 760px;
  	text-align: left;
  background-image:url('http://i158.photobucket.com/albums/t116/xsanoukx/footer_image.jpg');
  }

  like the theme by the way, gives me that “going fishing” feel.

• 

  aw1923 · Member · Jan 5, 2009 at 10:21 pm

  • Copy link

  and replace the width with this

  width: 814px;

• 

  somethinsfishy · Member · Jan 5, 2009 at 11:36 pm

  • Copy link

  Ok, I took what you gave me and ran with it. Still have one problem, can you help me fill the gap I have going between the container and footer?

  Also, I cant seem to find the margin value to take away the headerimg crop…

  Thanks!!

• 

  aw1923 · Member · Jan 6, 2009 at 12:57 am

  • Copy link

  Its because you ran to the container and added padding to the bottom, replace the container with this,

  #container {
  border-top-width:1px;
  border-bottom-width:none;
  border-top-style:solid;
  border-bottom-style:none;
  background-color:#422101;
  background-image:url('http://i158.photobucket.com/albums/t116/xsanoukx/container_image.jpg');
  background-repeat:repeat;
  background-attachment:scroll;
  background-position:0 0;
  width:814px;
  position:relative;
  text-align:left;
  padding-bottom:1px;
  border-color:#422101;
  margin:0 auto;
  }

  I just changed the padding-bottom for “0” to “1px”

  HTH

• 

  somethinsfishy · Member · Jan 6, 2009 at 2:04 am

  • Copy link

  Thank you! What does the value 0 give the padding?

• 

  reason79 · Member · Jan 6, 2009 at 5:30 am

  • Copy link

  I want to make my nav bar look like this one http://i164.photobucket.com/albums/u30/mnickens79/full_nav_bar.gif but i can’ make the css code work. I’m using the sandbox and i want to use this a my header img http://i164.photobucket.com/albums/u30/mnickens79/header.jpg NO LUCK HELP!

• 

  panaghiotisadam · Member · Jan 6, 2009 at 11:46 am

  • Copy link

  reason79’s question re-posted here:

  https://en.forums.wordpress.com/topic/please-help-with-nav-bar?replies=1