Web Analytics Made Easy -
StatCounter My HTML my CSS - CodingForum

Announcement

Collapse
No announcement yet.

My HTML my CSS

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Resolved 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__; Sep 8, 2011, 11:41 PM. Reason: Resolved
    .pLeAd InSaNiTy.

  • #2
    Because you forgot to close the div on line 112.
    Stop solving problems you don’t yet have!

    Comment


    • #3
      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
      -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

      Comment


      • #4
        No but he sees your avatar and knows you're a winner!

        Comment


        • #5
          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.

          Comment


          • #6
            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.”

            Comment


            • #7
              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; Sep 8, 2011, 10:20 AM.
              KOR
              Offshore programming
              -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

              Comment


              • #8
                Its just HTML and CSS is this considered XHTML?
                .pLeAd InSaNiTy.

                Comment


                • #9
                  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
                  W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.


                  Here's the Doctypes you may use, according to the dialects:


                  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; Sep 8, 2011, 10:40 AM.
                  KOR
                  Offshore programming
                  -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

                  Comment


                  • #10
                    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.

                    Comment


                    • #11
                      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">
                      [COLOR="Orange"]<html xmlns="http://www.w3.org/1999/xhtml">  [/COLOR]

                      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; Sep 8, 2011, 11:29 AM.
                      Teed

                      Comment


                      • #12
                        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.”

                        Comment


                        • #13
                          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.”

                          Comment


                          • #14
                            Just to add to this: New documents should always be created according to strict HTML standards, not transitional.
                            Stop solving problems you don’t yet have!

                            Comment


                            • #15
                              So where did VIPStephen come up with his answer from? Just being funny?

                              Comment

                              Working...
                              X
                              😀
                              🥰
                              🤢
                              😎
                              😡
                              👍
                              👎