SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cant get the images or background to show online.

    <!DOCTYPE HTML PUBLIC"..//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3org/TR/html/loose.dtd">
    <head>
    <meta http-equiv" content-type" contents="text/html;charset=UTF-8">
    <title>GHOSTREVENGE</title>
    <style type="text/css">
    <meta name="description" content="voodoo spells">
    <meta name="keywords" content="voodoo spells. Revenge of the past has awakened. Buy your spells and watch them fall and perish">

    body {
    background-image:url ("ESbackground") position:absolute; left:20px; background-position:center; background-repeat: no repeat; background-attachment:scroll; z-index:2;
    }
    #headingpic { display:block; position:absolute; top:5px; z-index:3;
    }

    <body>SITE STILL UNDER CONSTRUCTION. COMING SOON!
    <img src="headingpic"><img src="../ghostpic/webpic/heading3.jpg" width="100%" height="100%"></div>

    </body>
    </html>

    Been trying for 4 months now, just cant get the images or backgound to show once online.
    Im using filezilla and am with afrihost. everything else shows correct, but not the graphic backgound pic, or the heading pic.
    The second and other pages come out correct, but not this first page.
    If anyone can please help me with this.

  2. #2
    SitePoint Enthusiast scout1idf's Avatar
    Join Date
    Nov 2009
    Location
    Ohio
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    HTML Code:
    <!DOCTYPE HTML PUBLIC"..//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3org/TR/html/loose.dtd">
    <head>
    <meta http-equiv" content-type" contents="text/html;charset=UTF-8">
    <title>GHOSTREVENGE</title>
    <style type="text/css">
    <meta name="description" content="voodoo spells">
    <meta name="keywords" content="voodoo spells. Revenge of the past has awakened. Buy your spells and watch them fall and perish">
    
    body {
    background-image:url ("ESbackground") position:absolute; left:20px; background-position:center; background-repeat: no repeat; background-attachment:scroll; z-index:2;
    }
    #headingpic { display:block; position:absolute; top:5px; z-index:3;
    }
    
    <body>SITE STILL UNDER CONSTRUCTION. COMING SOON!
    <img src="headingpic"><img src="../ghostpic/webpic/heading3.jpg" width="100%" height="100%"></div>
    
    </body>
    </html>
    <!DOCTYPE HTML PUBLIC"..//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3org/TR/html/loose.dtd">
    <head>
    <meta http-equiv" content-type" contents="text/html;charset=UTF-8">
    <title>GHOSTREVENGE</title>
    <meta name="description" content="voodoo spells">
    <meta name="keywords" content="voodoo spells. Revenge of the past has awakened. Buy your spells and watch them fall and perish">
    <style type="text/css"> MOVED DOWN
    body {
    background-image:url ("ESbackground.file type??"); position:absolute; left:20px; background-position:center; background-repeat: no repeat; background-attachment:scroll; z-index:2;
    }
    #headingpic { display:block; position:absolute; top:5px; z-index:3;
    }
    </style> ADDED
    <body>SITE STILL UNDER CONSTRUCTION. COMING SOON!
    <img src="headingpic"><img src="../ghostpic/webpic/heading3.jpg" width="100%" height="100%"></div>

    </body>
    </html>

    Start with these corrections......

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    As well as the errors already pointed to above you don't really want to set the body to position:absolute and left 20px as that will do weird things. You almost never need to change the body element like that and if you want some space around the layout you could add some padding instead (either to the body element or perhaps margins on a wrapper instead).


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
  •