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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Getting some troubles

    Hey. I'm rather new to HTML and CSS (7 days since I began) and I've got some problems on a layout-coding and I wasn't able to find out how to fix them.

    How the website looks on localhost


    .... and how the website looks uploaded on a server

    Untitled Codebit | Codecademy -> Fullscreen

    a lot of elements are gone, line-breakers aren't there anymore...


    My question is... why does it appear like that while on localhost everything seems ok?

    here are the sources:
    html - [HTML] .html file - Pastebin.com
    css - [CSS] .css file - Pastebin.com

    I'd like to thank in advance to those who are willing to help me.

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,302
    Thanks
    10
    Thanked 283 Times in 282 Posts
    Your background image "images/breakline.png" is not on the codeacademy site - that's why the missing horizontal bar.

    A couple random other thoughts since you're new....
    - If you're going to be using your local PC to test, you should have a web server installed on your PC and actually run this as a normal client/server web app. Right now you're just looking at the files in the file system (C:users/dan/etc) and not off a server (http://localhost/mywebsite...) and that can create interesting problems that are not necessarily coding errors, just errors from not having a web server.
    - Make sure you're using some sort of html/css debugger (usually provided with your browser) for debugging your code. So many of these bugs are simple to find if you have the right tools.

    Dave

  • #3
    New to the CF scene
    Join Date
    Jun 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks a lot tracknut. I resolved my problems with the help of debug and localhost.
    The problems were caused because the website couldn't found the resources of the images, which were located on my file system.


  •  

    Posting Permissions

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