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 6 of 6
  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why won't my background show up?

    I have the EXACT same code, save image names, in two different files and one will show the bg image and the other will not. I've made sure that the latter bg image does load independently...What do you I do, do I post my code here, or will someone add me on skype to help? My name is kvschwartz

    Thank you

  • #2
    New Coder
    Join Date
    Jul 2012
    Posts
    62
    Thanks
    5
    Thanked 14 Times in 14 Posts
    yes post code and webpage link

  • #3
    New Coder
    Join Date
    Mar 2012
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://www.philecialabounty.com

    I have right clicking disabled on my pages, so please use "Home" and "Contact" as I have removed the disable link. Home's bg works and Contact's does not.

    Here is home's code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>PhileciaLaBounty.com</title>
    <link href="xhome.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="css/ie6.css" />
    <![endif]-->

    <script language=JavaScript>
    <!--
    var message="";
    ///////////////////////////////////
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

    document.oncontextmenu=new Function("return false")
    // -->
    </script>

    </head>

    <body>

    <style type="text/css">

    body {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    }

    html {
    overflow-y: auto;
    background-color: transparent;
    }

    ::-webkit-scrollbar {
    width: 20px;
    height: 20px;
    }

    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment {
    height: 30px;
    display: block;
    background-color: transparent;
    }

    ::-webkit-scrollbar-track-piece {
    background-color: #e7c3a8;
    -webkit-border-radius: 6px;
    }

    ::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #000000;
    -webkit-border-radius: 6px;
    }

    </style> <div id="main-content">
    <div id="container"> <div id="header">

    <img src="images/homeheader2.jpg"/>
    <img src="/images/homenav.jpg" usemap="#homemap" />


    <map id="homemap" name="homemap"><area shape="rect" coords="366,1,451,47" href="index.html"/><area shape="rect" coords="461,3,561,47" href="port.html"/><area shape="rect" coords="575,5,659,46" href="prints.html"/><area shape="rect" coords="673,5,741,45" href="http://ww7.aitsafe.com/cf/review.cfm?userid=94260376"/><area shape="rect" coords="751,3,820,45" href="links.html"/><area shape="rect" coords="832,5,934,47" href="contact.html"/></map></div>


    <div id="main">



    </div>


    <div id="footer">

    <div class="hidden">
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    var images = new Array()
    function preload() {
    for (i = 0; i < preload.arguments.length; i++) {
    images[i] = new Image()
    images[i].src = preload.arguments[i]
    }
    }
    preload(
    "images/portheader.jpg",
    "images/portnav.jpg",
    "images/portmain.jpg",
    "images/printsheader.jpg",
    "images/printsnav.jpg",
    "images/printsmain.jpg",
    "images/linksheader.jpg",
    "images/linksnav.jpg",
    "images/linksmain.jpg",
    "images/contactheader.jpg",
    "images/contactnav.jpg",
    "images/contactmain.jpg"
    )
    //--><!]]>
    </script>
    </div>
    </div></div></body></html>



    And here is Contact's code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>PhileciaLaBounty.com</title>
    <link href="xcontact.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="css/ie6.css" />
    <![endif]-->

    <script language=JavaScript>
    <!--
    var message="";
    ///////////////////////////////////
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

    document.oncontextmenu=new Function("return false")
    // -->
    </script>

    </head>

    <body>
    <style type="text/css">

    body {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    }

    html {
    overflow-y: auto;
    background-color: transparent;
    }

    ::-webkit-scrollbar {
    width: 20px;
    height: 20px;
    }

    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment {
    height: 30px;
    display: block;
    background-color: transparent;
    }

    ::-webkit-scrollbar-track-piece {
    background-color: #cfcac6;
    -webkit-border-radius: 6px;
    }

    ::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #000000;
    -webkit-border-radius: 6px;
    }

    </style> <div id="main-content">
    <div id="container"> <div id="header">
    <img src="images/contactheader2.jpg"/>

    <img src="/images/contactnav.jpg" usemap="#homemap" />


    <map id="homemap" name="homemap"><area shape="rect" coords="366,1,451,47" href="index.html"/><area shape="rect" coords="461,3,561,47" href="port.html"/><area shape="rect" coords="575,5,659,46" href="prints.html"/><area shape="rect" coords="673,5,741,45" href="http://ww7.aitsafe.com/cf/review.cfm?userid=94260376"/><area shape="rect" coords="751,3,820,45" href="links.html"/><area shape="rect" coords="832,5,934,47" href="contact.html"/></map></div>


    <div id="main">


    </div>

    <div id="footer"></div></div></body></html>
    Last edited by kim666; 09-10-2012 at 02:25 PM.

  • #4
    New Coder
    Join Date
    Mar 2012
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here are the 2 style sheets:

    Home
    body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0; padding: 0; border: 0;
    }


    #container {
    width: 960px; margin: 0 auto;

    }



    #main-content {
    background: url(images/homebg.jpg);
    background-position:bottom;
    background-attachment:fixed;

    margin:0px; padding:0px;
    }

    #main{
    width:960px; height:567px;
    background: url(images/homemain.jpg);
    margin:0px; padding:0px;
    }



    Contact
    body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0; padding: 0; border: 0;
    }


    #container {
    width: 960px; margin: 0 auto;

    }



    #main-content {
    background: url(images/contactportbg.jpg);
    background-position:bottom;
    background-attachment:fixed;

    margin:0px; padding:0px;
    }

    #main{
    width:960px; height:567px;
    background: url(images/contactmain.jpg);
    margin:0px; padding:0px;
    }

  • #5
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    When pasting or displaying code please use sharp icon found in the quick reply or post reply.

    This icon, if you're confused:


    [CODE]code in here.[/C0DE]

    It makes it easier to scan/read your thread

    Thank you.

  • #6
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    LOL tempz

    [noparse]
    [code][/code]
    [/noparse]

    (to make that I wrapped it in another noparse)


  •  

    Posting Permissions

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