Please I Need Help with Blank Graphic in webpage

4 replies
  • WEB DESIGN
  • |
Hello Warriors,

i just created a squeeze page few days ago. so i also created a sales page. i used word document to create the sales page and i included graphics from fiverr ( a 2D and 3D ecover). from the word document i converted the sales page to html. so i uploaded it on my server through filezilla. but when you open the link in a browser, the graphics (the 2D and 3D ecover) doesnt show. the space is blank.

1.) Please what do i do or how do i fix this? here is the page
finderscashflow (dot) com (sales.htm)

2.) i also discovered that the page will only open if you include http://www. before it will open. please what did i do wrong?


thanks
#blank #graphic #webpage
  • Profile picture of the author Mr Bill
    The problem is that your page is still looking for the files on your machine. This happens a lot when you try to use MS Word for making web pages - a very bad (but not quite terminal) idea.

    You need to go through all the code and fix all the references which are currently pointing to locations on your personal computer instead of using the correct addressing (web address for images...etc).

    For example, you're looking for a file called "Software_BoxSet_mockup.jpg"; where is it? If you can get it's address you can then add that to your html code and it'll work. If you've never worked with HTML before you might be up for a bit of fun but it's all easily fixable.

    If you can tell me where your images are (on the server) I'll be able to at least get the images to show up for you but your page also lacks formatting but really what that page needs is to be built again at the very least in FrontPage if not just take the info and paste it into a wordpress page so then you don't have to worry about coding so much.

    Yes, all links coming off a web page must start with http:// .

    It looks like you're pretty new to html and building web pages and I admire your giving it a go. Building web pages is a lot of fun - you'll get there.
    {{ DiscussionBoard.errors[9343169].message }}
    • Profile picture of the author osamaye360
      Originally Posted by Mr Bill View Post

      The problem is that your page is still looking for the files on your machine. This happens a lot when you try to use MS Word for making web pages - a very bad (but not quite terminal) idea.

      You need to go through all the code and fix all the references which are currently pointing to locations on your personal computer instead of using the correct addressing (web address for images...etc).

      For example, you're looking for a file called "Software_BoxSet_mockup.jpg"; where is it? If you can get it's address you can then add that to your html code and it'll work. If you've never worked with HTML before you might be up for a bit of fun but it's all easily fixable.

      If you can tell me where your images are (on the server) I'll be able to at least get the images to show up for you but your page also lacks formatting but really what that page needs is to be built again at the very least in FrontPage if not just take the info and paste it into a wordpress page so then you don't have to worry about coding so much.

      Yes, all links coming off a web page must start with http:// .

      It looks like you're pretty new to html and building web pages and I admire your giving it a go. Building web pages is a lot of fun - you'll get there.
      Thanks a lot.
      i uploaded the images on in the public folder in my server through filzilla. in the same place i uploaded the sales.htm webpage. i dont think i know anything about html yet. i just created it in a ms word document and saved as web page. i open my filezilla program on my computer and just dragged it to the public folder of my server (which is showing on the right hand side of filezilla program).
      {{ DiscussionBoard.errors[9347038].message }}
  • Profile picture of the author getbestdesign
    try to find help in youtube,
    basically your main problem is about html
    its not that hard to learn basic htm ...
    Signature
    GetBestDesigns.com
    Only the best for the best from the best.....
    {{ DiscussionBoard.errors[9343213].message }}
  • Profile picture of the author Mr Bill
    The page really needs to be rebuilt properly. Saving a word document as a web page will introduce tons of extra superfluous code that Word attaches - horrible, horrible, horrible...but it does work - just makes the page behave strangely sometimes and of course all that extra code makes the page heavier than it needs to be which could lead to errors.

    Indeed http://finderscashflow.com/Software_BoxSet_mockup.jpg is present (though it's massive - you really should resize the images to their final sizes before uploading) so if all your pics are there (in the root) all you need to do is change the reference in the pic from your desktop machine to the internet.

    Example...
    C:\Users\CATHY\AppData\Local\Temp\2D_front.jpg
    change to...
    http://finderscashflow.com/2D_front.jpg

    ...and in your header code all the scripts need to be address correctly from...
    <link rel=File-List href="WSO%20OTO%20sales%20page_files/filelist.xml">
    to...
    <link rel=File-List href="http://finderscashflow.com/filelist.xml"> ...etc

    Basically everywhere you see a link you need to correctly address it.

    Here's another example; anywhere this appears...

    WSO%20OTO%20sales%20page_files

    You need to change it to this -->
    http://finderscashflow.com/ because the file is no longer on your machine, it's now on your server.

    Here's another example (this time it's a pic).
    <img width=267 height=324 src="WSO%20OTO%20sales%20page_files/image003.jpg" alt="Description: C:\Users\CATHY\AppData\Local\Temp\2D_front.jpg" v:shapes="Picture_x0020_25">

    Needs to be changed to...
    <img width=267 height=324 src="http://finderscashflow.com/image003.jpg" alt="Order Finders Cashflow" v:shapes="Picture_x0020_25">

    But again, I must repeat. The page needs to be built properly as a normal html page. Word produces shockingly bad coding and no one ever uses it anymore. You've done well to get this far though - you just need to take a slightly different road to catch up with the rest of us.

    To see your source code for that page you need to open it on your local machine then right click a white space and select "edit (or view) source" (source = source code - html). Or you can right click the file on your machine before opening it and selecting "edit" from the right click context menu.
    {{ DiscussionBoard.errors[9347674].message }}

Trending Topics