Results 1 to 4 of 4

Thread: Floating DIV Bg's not showing...

  1. #1
    Join Date
    Jan 2009
    Location
    Chattanooga, TN
    Posts
    41
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default Floating DIV Bg's not showing...

    The backgrounds in my floating div's on this page won't show up:
    http://www.judahgraphics.com/dxm/ws/bands.html

    HTML
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Digital XTreme Media</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    <div id="container">
    <div id="topimage"><a href="index.html"><img src="home.jpg"></a></div>
    <div id="menu">
    <img src="menu_r1_c1.jpg"><a href="bands.html"><img src="menu_r1_c2_f2.jpg"></a><img src="menu_r1_c3.jpg"><a href="models.html"><img src="menu_r1_c4.jpg"></a><img src="menu_r1_c5.jpg"><a href="street.html"><img src="menu_r1_c6.jpg"></a><img src="menu_r1_c7.jpg"><a href="store.html"><img src="menu_r1_c8.jpg"></a><img src="menu_r1_c9.jpg"></div>
    <div id="featuredband">
    <p><img src="feat_btn.png"></p>
    </div>
    <div id="bandlist">
    <div class="bandthumbnails"><a class="zepict" style="background-image: url(/akid/akidband.jpg);" href="/bands/akid/index.html">
    <a href="/bands/akid/index.html"></a><a href="/bands/akid/index.html">Adrenaline Kid</a></div>
    <div class="bandthumbnails"><a class="zepict" style="background-image: url(/akid/akidband.jpg);" href="/bands/akid/index.html">
    <a href="/bands/akid/index.html"></a><a href="/bands/akid/index.html">Adrenaline Kid</a></div>
    <div class="bandthumbnails"><a class="zepict" style="background-image: url(/akid/akidband.jpg);" href="/bands/akid/index.html">
    <a href="/bands/akid/index.html"></a><a href="/bands/akid/index.html">Adrenaline Kid</a></div>
    <div class="bandthumbnails"><a class="zepict" style="background-image: url(/akid/akidband.jpg);" href="/bands/akid/index.html">
    <a href="/bands/akid/index.html"></a><a href="/bands/akid/">Adrenaline Kid</a></div>
    <div class="bandthumbnails"><a class="zepict" style="background-image: url(/akid/akidband.jpg);" href="/bands/akid/index.html">
    <a href="/bands/akid/index.html"></a><a href="/bands/akid/index.html">Adrenaline Kid</a></div>
    <div class="bandthumbnails"><a class="zepict" style="background-image: url(/akid/akidband.jpg);" href="/bands/akid/index.html">
    <a href="/bands/akid/index.html"></a><a href="/bands/akid/index.html">Adrenaline Kid</a></div>
    </div>
    </div>
    </body>
    </html>
    CSS
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    body {
    	background:#FFFFFF;
    	background-image:url(bg.jpg);
    	background-repeat:repeat-y;
    	background-position:top;
    }
    
    a {
        outline: none;
    }
    a img {
        border:none;
    }
    
    /*Main Page Properties Begin Here*/
    
    /*Container, This holds everything in the center of the page.*/
    #container {
    	background: none;
    	width: 797px;
    	position: relative;
    	margin: 0 auto;
    	margin-top: -8px;
    }
    /*Top Image*/
    #topimage {
    	background-image:url(topimage.jpg);
    	width:793px;
    	height:249px;
    	position:absolute;
    	margin:0 auto;
    	margin-top:2px;
    	left:3px;
    }
    /*Menu Section*/
    #menu {
    	position:absolute;
    	margin:0 auto;
    	margin-top:250px;
    	width:793px;
    	height:39px;
    	left:3px;
    }
    /*Featured Artist Section*/
    #featuredtable {
    position:absolute;
    background-color:#a5a5ad;
    background-image:url(left_bgs.png);
    background-position:top right;
    background-repeat:repeat-y;
    width:365px;
    height:auto;
    margin-top:289px;
    margin-left:5px;
    padding-left:5px;
    padding-right:15px;
    }
    /*Events Section *IMPORTANT* -> (Currently not used, Events is included in the Featured Artist Section)*/
    #eventstable {
    position:absolute;
    background-color:#a5a5ad;
    background-image:url(left_bgs.png);
    background-position:top right;
    background-repeat:repeat-y;
    width:375px;
    height:auto;
    margin-top:669px;
    margin-left:5px;
    padding-left:5px;
    padding-right:5px;
    }
    /*News Section*/
    #newstable {
    position:absolute;
    background-color:#a5a5ad;
    background-image:url(news_bg.png);
    background-position:top left;
    background-repeat:repeat-y;
    width:365px;
    height:auto;
    margin-top:289px;
    margin-left:405px;
    margin-bottom:0px;
    padding-left:25px;
    padding-right:0px;
    padding-top:25px;
    }
    /*Main Page Properties End Here*/
    
    /*Bands Page Properties Begin Here*/
    /*Featured Band Section*/
    #featuredband {
    position:absolute;
    background-color:#a5a5ad;
    background-image:url(akid.jpg);
    width:793px;
    height:331px;
    margin-top:289px;
    margin-left:3px;}
    
    /*News Section*/
    #bandlist {
    position:absolute;
    background-color:#a5a5ad;
    background-image:url(bands_bg.png);
    background-position:top left;
    background-repeat:repeat-y;
    width:738px;
    height:auto;
    margin-top:620px;
    margin-left:5px;
    margin-bottom:0px;
    padding-left:38px;
    padding-right:15px;
    padding-top:10px;
    }
    .bandthumbnails {
    	-x-system-font:none;
    	background-color:#a5a5ad;
    	float:left;
    	font-family:Georgia,Times,Serif;
    	font-size:12px;
    	font-size-adjust:none;
    	font-stretch:normal;
    	font-style:normal;
    	font-variant:normal;
    	font-weight:normal;
    	height:202px;
    	line-height:22px;
    	margin:0 25px 15px 0;
    	text-align:center;
    	width:220px;
    	left: 23px;
    	top: 9px;
    }
    .bandthumbnails a.zepict {
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    height:180px;
    margin:0;
    width:220px;
    }
    /*Band Template Properties End Here*/
    
    /*Model Template Properties Begin Here*/
    
    /*Model Template Properties End Here*/
    
    /*Street Team Template Properties Begin Here*/
    
    /*Street Team Template Properties End Here*/
    
    /*Store Template Properties Begin Here*/
    
    /*Store Template Properties End Here*/
    Last edited by dillankid; 02-23-2009 at 05:49 PM. Reason: Resolved

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    The slash means that the akid folder is in the root which it's not. Remove the slash and you should be fine:
    Code:
    url(/akid/akidband.jpg)
    Good luck!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  3. The Following User Says Thank You to Snookerman For This Useful Post:

    dillankid (02-23-2009)

  4. #3
    Join Date
    Jan 2009
    Location
    Chattanooga, TN
    Posts
    41
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default

    Beautiful - thank you very much!

  5. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    You're welcome, glad to help!

    Good luck with your site!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

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
  •