SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

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

    Afternoon from 1 degrees C totally frezzing Wetherby Uk :-)

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

    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
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    SitePoint Zealot
    Join Date
    Jul 2012
    Location
    Scarborough, North Yorkshire, United Kingdom
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?
    Richard
    Resell SSL Certificates - API / WHMCS / HostBill / ClientExec
    ServerTastic - RapidSSL, Geotrust, Thawte, Symantec, SmarterTools and more

  3. #3
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RichardAskew View Post
    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?
    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 :-(
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  4. #4
    SitePoint Zealot
    Join Date
    Jul 2012
    Location
    Scarborough, North Yorkshire, United Kingdom
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Firebug is a life-saver, you can pint at elements and edit the CSS in browser http://getfirebug.com/
    Richard
    Resell SSL Certificates - API / WHMCS / HostBill / ClientExec
    ServerTastic - RapidSSL, Geotrust, Thawte, Symantec, SmarterTools and more


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •