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
    118
    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,297
    Thanks
    10
    Thanked 282 Times in 281 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
    Blog Entries
    3
    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
    •