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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18

Thread: My HTML my CSS

  1. #1
    Regular Coder syco__'s Avatar
    Join Date
    Oct 2005
    Location
    Australia
    Posts
    194
    Thanks
    41
    Thanked 4 Times in 4 Posts

    My HTML my CSS

    can someone tell me why my page isnt displaying my site correctly? it works fine on my computer then i upload it to my site and make ZERO changes and it doesnt display correctly.

    Thanks
    Last edited by syco__; 09-09-2011 at 04:41 AM. Reason: Resolved
    .pLeAd InSaNiTy.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    Because you forgot to close the div on line 112.

  • #3
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by syco__ View Post
    can someone tell me why my page isnt displaying my site correctly?
    Site? Which site? You have posted no link, no code, no nothing. Do you think we have a magic bowl?
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #4
    Regular Coder LearningCoder's Avatar
    Join Date
    Jan 2011
    Location
    The Pleiades
    Posts
    923
    Thanks
    76
    Thanked 29 Times in 29 Posts
    No but he sees your avatar and knows you're a winner!

  • #5
    Regular Coder syco__'s Avatar
    Join Date
    Oct 2005
    Location
    Australia
    Posts
    194
    Thanks
    41
    Thanked 4 Times in 4 Posts
    Wow i make a mistake and not post the link and i get 4 replies i post i real problem and i rarely get one. here is the link http://syco-designz.webs.com/index.html
    .pLeAd InSaNiTy.

  • #6
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    How is it meant to normally come out? Could you provide a screenshot?

    Also, you should include a Doctype, not providing one can cause errors in some browser if they assume it's one doctype/version and it's actually another.
    “Opinion is the medium between knowledge and ignorance.”
    “The old believe everything; the middle aged suspect everything: the young know everything.”

  • #7
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by Asher01 View Post
    Also, you should include a Doctype, not providing one can cause errors in some browser if they assume it's one doctype/version and it's actually another.
    Yes. I would even say that he must use a Doctype, otherwise the browsers will render in quirks mode, which is never standardized. Moreover, he must use the proper Doctype, according to the used dialect (HTML 4.01 or XHTML or HTML5). His case, probably XHTML.
    Last edited by Kor; 09-08-2011 at 03:20 PM.
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #8
    Regular Coder syco__'s Avatar
    Join Date
    Oct 2005
    Location
    Australia
    Posts
    194
    Thanks
    41
    Thanked 4 Times in 4 Posts
    Its just HTML and CSS is this considered XHTML?
    .pLeAd InSaNiTy.

  • #9
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    Quote Originally Posted by syco__ View Post
    Its just HTML and CSS is this considered XHTML?
    It looks like you miss the basis of the basis of the web developing:

    XHTML is a structured and strict dialect of HTML
    http://www.w3schools.com/html/html_xhtml.asp

    Here's the Doctypes you may use, according to the dialects:
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    Now, the main difference between HTML and XHTML is that in XHTML the empty tags (like INPUT, BR, IMG...) are closed like: <input />, <br />, <img />... which is not the case in HTML. There are also other requirements, less important, especially in strict mode coding.
    Last edited by Kor; 09-08-2011 at 03:40 PM.
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • Users who have thanked Kor for this post:

    syco__ (09-09-2011)

  • #10
    Regular Coder syco__'s Avatar
    Join Date
    Oct 2005
    Location
    Australia
    Posts
    194
    Thanks
    41
    Thanked 4 Times in 4 Posts
    i added the DOCTYPE and it still didnt seem to make any difference.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    What do you suggest i should do?

    Thanks
    .pLeAd InSaNiTy.

  • #11
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Your doctype is not complete.

    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">  

    You also have just a few errors in your code which should be fixed. Some of which stems from the incomplete doctype I'm thinking.
    Last edited by teedoff; 09-08-2011 at 04:29 PM.
    Teed

  • Users who have thanked teedoff for this post:

    syco__ (09-09-2011)

  • #12
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    I noticed in your CSS that you have:
    font-family: Georgia; serif;

    You should actually have that set as:
    font-family: Georgia, serif;
    “Opinion is the medium between knowledge and ignorance.”
    “The old believe everything; the middle aged suspect everything: the young know everything.”

  • #13
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    OK, I checked your HTML with http://validator.w3.org/ and saw the majority of your errors are fairly simple and could just be due to the need to research what version doctype to use and what the rules of that doctype are.

    I suggest that you are closer to XHTML than HTML4, which in my opinion is is really good as it's a cleaner format.

    First thing after getting a proper document type deceleration that I noticed was this:

    Code:
    <head>
    	<link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>
    You'd probably get frustrated with the validator when it says that you haven't finished the <head>

    The thing about <head> is that to be considered complete you need to include a <title> .. something like this:

    Code:
    <head>
    	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <title>Title Of Your Page</title>
    </head>

    Secondly I noticed saw this:

    <div class="mid"><img src="logo2.gif" alt="Team Frog Logo" ></div>

    For XHTML tags like img should be closed like this:

    <div class="mid"><img src="logo2.gif" alt="Team Frog Logo" /></div>

    Also you have used <hr> instead of <hr />

    Both with the <img /> and <hr /> tags, you need that formatting in XHTML but not HTM4... in HTML4 it is simply just <hr> or <img>.

    I assumed that as most of your tags are closed cleanly, for example your <br /> tags, that you are trying for closer to XHTML (Transitional?)

    Finally, you made a typo right at the end... you typed &copy instead of &copy;
    Although, I must congratulate you for knowing to use the proper amp entities... I see a lot of professional pages that don't.


    I hope that was helpful... good luck with your webcoding!

    Asher!
    “Opinion is the medium between knowledge and ignorance.”
    “The old believe everything; the middle aged suspect everything: the young know everything.”

  • Users who have thanked Asher01 for this post:

    syco__ (09-09-2011)

  • #14
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    Just to add to this: New documents should always be created according to strict HTML standards, not transitional.

  • #15
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    6
    Thanks
    0
    Thanked 1 Time in 1 Post
    So where did VIPStephen come up with his answer from? Just being funny?


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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