Cant get a frame umage to sit around the fox :-(

HTML & CSS
1

Afternoon from 1 degrees C totally frezzing Wetherby Uk :slight_smile:

On this page http://tutorial.davidclick.com/2menu.html & illustrated here http://i216.photobucket.com/albums/cc53/zymurgy_bucket/fox-frame_zpsc6bc7210.jpg ive been trying to ad picture frame around the fox image but i just cant get it too work :frowning:

I dont have alot of background image knowledge so maybe based on total zero CSS logic… is the frame hidden?

Any insights welcome:-)

Grazie tanto,
David

2

Hi David

Your frame is there, it is just behind the image of Basil. It looks to me like they are the same size so it is covering the whole frame image. I think you have three options:

  1. Make the image of Basil smaller
  2. Make the frame bigger
  3. Set the frame as a background image on the div wit the class basil but you will need to make it bigger.

Do you use Firebug for debugging?

3

Hi Richard & thank you for taking time out to take a look…

I ended up adding padding to to .basicframe
.basilframe
{
background-image: url(frame.jpg);
background-repeat:no-repeat;
float:left;
padding:20px 20px 30px 20px;
}

Still cant get my head around why this worked, me thinks i have some way to go to get my head around background images :frowning:

4

Firebug is a life-saver, you can pint at elements and edit the CSS in browser http://getfirebug.com/