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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    120
    Thanks
    22
    Thanked 0 Times in 0 Posts

    CSS Load Image Not Working

    I have problem my top images not load for some reason other one has. Any ideas the top menu bar showing but rest not

    CSS Code Layout
    html,body {
    background: #e7e7e7;
    font-family: Arial, Helvetica, sans-serif;
    color: #202020;
    padding: 0px;
    margin: 0px;
    }
    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto -60px;
    }
    #top-menu {
    height: 57px;
    width: 100%;
    background-image: url(../images/top-menu-bg.jpg);
    }
    #top-row {
    background-image: url(../images/top-bg.png) top left repeat-x;
    width:100%;
    }
    #top-bg {
    background-image: url(../images/top-row-bg.png) top center no-repeat;
    width:100%;
    }

    HTML Code Layout

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Website Home</title>
    <link rel="stylesheet" href="css/template.css" type="text/css">
    </head>
    <body>
    <!--Wrapper-->
    <div id="wrapper">
    <!--Top-Menu-->
    <div id="top-menu">

    </div><!--Top Menu Div End-->

    <div id="top-row">
    <div id="top-bg">
    </div>
    </div>

    </div><!--Wrapper Div End-->
    </body>
    </html>

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,444
    Thanks
    11
    Thanked 309 Times in 308 Posts
    If you're talking about top-row and top-bg, they have no size, and no content to create a size, so there's nothing to display. You'd need to add a height to them, or put in some content, to see the background image start appearing.

    Dave

  • #3
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts, Tallon IV, W-Class
    Posts
    285
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Have you tried possibly loading your images in the HTML instead of the CSS? That would make it easier to edit positions. That way you can have a ballpark position before you start slinging CSS properties.


  •  

    Tags for this Thread

    Posting Permissions

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