HTML showing up all text?

Discussion in 'HTML & Website Design' started by pitawindstar, Oct 13, 2011.

  1. #1
    I'm just a beginner and I feel like this has a really obvious fix, haha.

    I used Adobe Dreamweaver to create a basic layout for my website. Using go daddy's webhosting, I uploaded the html pages using the FTP file manager and checked out the result. All of the text appears fine, and all of the links work, but the design isn't there. It's just text on a white background. I know this is a terrible description but does anyone have any idea what I did wrong? Thanks!
     
    pitawindstar, Oct 13, 2011 IP
  2. fileud

    fileud Peon

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    May be all your images are referenced to your local HDD.
    Upload images to server and change location path.
     
    fileud, Oct 13, 2011 IP
  3. pitawindstar

    pitawindstar Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    All right, I uploaded the images to the server, but how would I change the location path so they show up on the page? Sorry, newbie here!
     
    pitawindstar, Oct 13, 2011 IP
  4. czent

    czent Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    0
    #4
    Alright, let me try & break this down for you.

    View attachment 62506

    Consider this, if you have the above file/folder structure, where you have your images in a "images" folder and using it either in the index.html or style.css.

    Then in the HTML you do this:

    <img src="images/sample-image1.png" alt="">
    Code (markup):
    Or in the CSS you do this:

    #block { background: url(images/sample-image1.png) 0 0 no-repeat; } 
    Code (markup):
    So here you are providing the relative path of the image in the HTML or CSS file.

    View attachment 62507

    Another scenario, if you have the above file/folder structure, where images go into "images" folder and the CSS stylesheet file is in its own "css" folder and you are using the image in your CSS, then you do this:

    #block { background: url([B]../[/B]images/sample-image1.png) 0 0 no-repeat; } 
    Code (markup):
    Notice the ../ above. That says "go one level up to the parent folder of this current folder which is "css", and then descend into the "images" folder to find the required image.

    Now did it help drive the point home or did I confuse you even more?
     
    czent, Oct 13, 2011 IP
  5. pitawindstar

    pitawindstar Peon

    Messages:
    31
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    That worked. Thank you so much!
     
    pitawindstar, Oct 15, 2011 IP
  6. solvedc

    solvedc Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Never use absolute urls when you are creating website on your local machine
     
    solvedc, Oct 16, 2011 IP
  7. webdesignbizz

    webdesignbizz Peon

    Messages:
    17
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    This is really nice article you have shared which is useful an informative.Thanks
     
    webdesignbizz, Oct 17, 2011 IP