Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    background image in 3 column layout not showing

    I've have a three column layout and I've entered CSS (relevant code highlighted in red below) for a background image in the right column only. But nothing shows up ! No background image. Where am I going wrong. BTW this is my first attempt with background images. Site link: http://weary.me.uk/MT/

    * { margin:0; padding:0; }

    BODY { background-color:#FFFFFF;
    font-size:12px;
    }

    #header { background-color:#FFFFFF;
    padding:0px; }

    #left {
    float:left;
    width:18%;
    padding:0%;
    margin-left:1%;
    margin-top:0%;
    }


    #right {
    background-image: url(right_background.jpg);
    background-repeat: no-repeat;

    margin-right: 20px;
    width: 220px;
    border:1px solid #d2d7e4;
    float:right;
    width:20%;
    margin-right:0%;
    margin-top:0%;
    padding:0px;

    }



    #center {
    margin-right:30%;
    margin-left:14%;
    padding-left:10%;
    background-color:#FFFFFF;

    }



    #footer { clear:both;
    background-color:#FFFFFF;
    padding:8px; }

    Last edited by flyingfrog; 11-13-2008 at 02:26 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    http://weary.me.uk/MT/css/right_background.jpg is missing.
    You need to change your CSS like
    Code:
    background-image: url(images/right_background.jpg);
    PS: You mat need to apply some height to your #right.
    Last edited by abduraooft; 11-13-2008 at 02:34 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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