17 replies [Last post]
ttfphoto
Offline
newbie
Toronto, Canada
Last seen: 14 years 29 weeks ago
Toronto, Canada
Joined: 2006-10-22
Posts: 6
Points: 0

Hiya everyone!
Alright, heres my delima, I got a template for my website, and I chopped it up a bit to make it what I wanted. Now, the website appears perfectly in Firefox and Netscape, but in IE, AOL and just about everything else, there is a big white gap to the right of the main banner. I've tried doing different things to the CSS, but to no avail. the website is www.ttfphoto.net.

If anyone has any idea as to whats causing this, or what I could do to fix it, I'l really appreciate it Smile

Thanks a lot,
Christian

DanA
DanA's picture
Offline
Elder
Last seen: 11 years 1 week ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Validate your HTML first. If

Validate your HTML first.
If it doesn't fix the ordered list problem, come back.
Validation

ttfphoto
Offline
newbie
Toronto, Canada
Last seen: 14 years 29 weeks ago
Toronto, Canada
Joined: 2006-10-22
Posts: 6
Points: 0

ok, I'm going to sounds like

ok, I'm going to soundd like an idiot here, but how do I validate my HTML? I saw all the errors it brought up, but how do I fix them? They all seemes sort of random me me, it was highlighting all sorts of tags that seemed fine.
stuff like that was being brought up as an error, but just the opening tag/carrot symbol.

Help!?

DanA
DanA's picture
Offline
Elder
Last seen: 11 years 1 week ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Remove the br in the

Remove the br in the unordered list, then fix the following problems, then validate using the W3c validator.

HTML Tidy result
----------------------
http://www.ttfphoto.net/home.html

line 6 column 1 - Warning: missing '>' for end of tag
line 6 column 1 - Warning: element not empty or not closed
line 28 column 1 - Warning: missing


  • line 28 column 1 - Warning: element not empty or not closed
    line 45 column 40 - Warning: unexpected or duplicate quote mark
    line 45 column 40 - Warning: attribute with missing trailing quote mark
    line 45 column 40 - Error: is not recognized!
    line 45 column 40 - Warning: discarding unexpected
    line 45 column 93 - Warning: discarding unexpected
    line 49 column 1 - Warning:
    element not empty or not closed
    line 49 column 23 - Warning:
    element not empty or not closed
    line 50 column 86 - Warning:
    element not empty or not closed
    line 50 column 90 - Warning:
    element not empty or not closed
    line 51 column 1 - Warning:
    element not empty or not closed
    line 52 column 1 - Warning:
    element not empty or not closed
    line 53 column 1 - Warning:
    element not empty or not closed
    line 54 column 1 - Warning:
    element not empty or not closed
    line 55 column 1 - Warning:
    element not empty or not closed
    line 56 column 1 - Warning:
    element not empty or not closed
    line 57 column 1 - Warning:
    element not empty or not closed
    line 58 column 1 - Warning:
    element not empty or not closed
    line 59 column 1 - Warning:
    element not empty or not closed
    line 75 column 93 - Warning:
    element not empty or not closed
    line 7 column 1 - Warning: proprietary attribute "media"
    line 28 column 1 - Warning: lacks "alt" attribute
    line 71 column 1 - Warning: trimming empty

  • thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Last seen: 8 weeks 8 hours ago
    Joined: 2004-06-30
    Posts: 9674
    Points: 810

    http://www.csscreator.com/nod

    Verschwindende wrote:
    • CSS doesn't make pies

    ttfphoto
    Offline
    newbie
    Toronto, Canada
    Last seen: 14 years 29 weeks ago
    Toronto, Canada
    Joined: 2006-10-22
    Posts: 6
    Points: 0

    ok, I fixed it all, but

    ok, I fixed it all, but after each change I loaded the site to see if it made a difference, and every time I changes something to page went "out of wack" so I changed it all back.

    thepineapplehead
    thepineapplehead's picture
    Offline
    Guru
    Last seen: 8 weeks 8 hours ago
    Joined: 2004-06-30
    Posts: 9674
    Points: 810

    ttfphoto wrote:ok, I fixed

    ttfphoto wrote:
    ok, I fixed it all, but after each change I loaded the site to see if it made a difference, and every time I changes something to page went "out of wack" so I changed it all back.

    Why on earth would you do that? CSS works on VALID code. If your code is invalid then CSS won't work properly.

    If you get the HTML valid, then still have problems, then it's a problem with the CSS.

    Get it validated and then we'll see what happens.

    Verschwindende wrote:
    • CSS doesn't make pies

    Chris..S
    Chris..S's picture
    Offline
    Moderator
    Last seen: 8 years 34 weeks ago
    Timezone: GMT+1
    Joined: 2005-02-22
    Posts: 6078
    Points: 173

    To explain TPH and DanA's

    To explain TPH and DanA's point another way...

    When your HTML and/or CSS isn't correct (valid) the browser needs to make guesses as to what you are trying to do. There is no standard way of handling incorrect HTML/CSS, that means the guesses which different browsers make are different.

    If your HTML + CSS is valid, then you know all browsers are working to the standard (to the best of their abilities).

    ttfphoto
    Offline
    newbie
    Toronto, Canada
    Last seen: 14 years 29 weeks ago
    Toronto, Canada
    Joined: 2006-10-22
    Posts: 6
    Points: 0

    ahhhhh, that'll explain it,

    ahhhhh, that'll explain it, thanks a lot Chris.

    vynsane
    vynsane's picture
    Offline
    Regular
    Last seen: 13 years 11 weeks ago
    Joined: 2005-05-15
    Posts: 45
    Points: 0

    ttfphoto wrote:ok, I'm going

    ttfphoto wrote:
    ok, I'm going to soundd like an idiot here, but how do I validate my HTML? I saw all the errors it brought up, but how do I fix them? They all seemes sort of random me me, it was highlighting all sorts of tags that seemed fine.
    stuff like that was being brought up as an error, but just the opening tag/carrot symbol.

    Help!?

    using an Xhtml doctype means that you are in essence writing xml code... which always needs every tag that is open to be closed... each
    tag in there is invalid, because it's still "open" - in xhtml you have the ability to have "self-closing" tags that would look like this:

    that's what you need.

    i would also suggest using a loose xhtml 1.0 doctype rather than 1.1, as 1.1 only comes in the "strict" flavor, and can be VERY picky on validation.

    this will let a lot more stuff slip by than xhtml 1.1, like target="blank" and other attibutes that are totally invalid in 1.0 strict and 1.1.

    also, your stylesheet link isn't closed at all

    so that can have a domino effect of whacked-out error messages in validation. however, most of the validator's errors seem to be legit.

    The technology is three months old. Only suckers buy out of date machines. You're not a sucker, are you sir? Because if you were I'd have to ask you to leave the store.

    www.vynsane.com

    Hugo
    Hugo's picture
    Offline
    Moderator
    London
    Last seen: 6 years 18 weeks ago
    London
    Joined: 2004-06-06
    Posts: 15668
    Points: 2806

    No, no, new pages should not

    No, no, new pages should not be coded to loose, that's naughty Smile and not what it's for, and certainly not for allowing deprecated attributes to slip by target="_blank" is deprecated for a reason and it's better that newbies understand why and code new windows if absolutely required in a better fashion.

    XHTML 1.1 can not be used due to the fact that it is reserved for pages actually served correctly as mime type application/ xml+xhtml only 1.0 is permitted to be served as text/html

    Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
    ----------------------------------------------------------------
    Please post ALL your code - both CSS & HTML - in [code] tags
    Please validate and ensure you have included a full Doctype before posting.
    Why validate? Read Me

    ttfphoto
    Offline
    newbie
    Toronto, Canada
    Last seen: 14 years 29 weeks ago
    Toronto, Canada
    Joined: 2006-10-22
    Posts: 6
    Points: 0

    Alright, I've got it down to

    Alright, I've got it down to 4 "error"s and 2 "info"s but these last few I an't seem to figure out.

    1. Error Line 30 column 3: element "il" undefined.

    You have used the element named above in your document, but the document type you are using does not define an element of that name.

    2. Error Line 36 column 3: document type does not allow element "ol" here; assuming missing "li" start-tag.

      3. Error Line 71 column 13: end tag for "li" omitted, but OMITTAG NO was specified.

      You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

      4. Info Line 36 column 0: start tag was here.

        5. Error Line 71 column 13: end tag for "ol" omitted, but OMITTAG NO was specified.

        You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

        6. # Info Line 29 column 7: start tag was here.

        The Current Code:

        ttfphoto.net - Home













        Test









        1. Spotting

        2. Portfolio


        3. Contact Us


        4. About Us


        5. Home

        Welcome To Through The Fence Photography!




        09.19.2006
        All Spotting Guides are now online. Website will be finished by the end of the month.













        Hugo
        Hugo's picture
        Offline
        Moderator
        London
        Last seen: 6 years 18 weeks ago
        London
        Joined: 2004-06-06
        Posts: 15668
        Points: 2806

        <il> *scratches head* do you

        <il> *scratches head* do you maybe mean <li>

        Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
        ----------------------------------------------------------------
        Please post ALL your code - both CSS & HTML - in [code] tags
        Please validate and ensure you have included a full Doctype before posting.
        Why validate? Read Me

        Chris..S
        Chris..S's picture
        Offline
        Moderator
        Last seen: 8 years 34 weeks ago
        Timezone: GMT+1
        Joined: 2005-02-22
        Posts: 6078
        Points: 173

        This isn't valid either

        This isn't valid either ...


        Its


        - HTML

        - XHTML

        Hugo
        Hugo's picture
        Offline
        Moderator
        London
        Last seen: 6 years 18 weeks ago
        London
        Joined: 2004-06-06
        Posts: 15668
        Points: 2806

        vynsane wrote: using an

        vynsane wrote:

        using an Xhtml doctype means that you are in essence writing xml code... which always needs every tag that is open to be closed... each <br> tag in there is invalid, because it's still "open" - in xhtml you have the ability to have "self-closing" tags that would look like this: <br />

        that's what you need.

        Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
        ----------------------------------------------------------------
        Please post ALL your code - both CSS & HTML - in [code] tags
        Please validate and ensure you have included a full Doctype before posting.
        Why validate? Read Me

        vynsane
        vynsane's picture
        Offline
        Regular
        Last seen: 13 years 11 weeks ago
        Joined: 2005-05-15
        Posts: 45
        Points: 0

        there's still quite a few

        there's still quite a few problems in there, one being the double-ordered list that you've got:

        Test









        1. Spotting
        2. Portfolio
        3. Contact Us
        4. About Us
        5. Home

        either take out or close the first

          and fix the made-up

          i don't really understand why there's an image in the list item anyway... but clearing that situation up should get rid of a lot of your errors - most of them are caused by the domino effect of an open tag, like i typed before.

          The technology is three months old. Only suckers buy out of date machines. You're not a sucker, are you sir? Because if you were I'd have to ask you to leave the store.

          www.vynsane.com

          ttfphoto
          Offline
          newbie
          Toronto, Canada
          Last seen: 14 years 29 weeks ago
          Toronto, Canada
          Joined: 2006-10-22
          Posts: 6
          Points: 0

          the image there is the

          the image there is the website banner. www.ttfphoto.net/index.html - the site after the changes
          www.ttfphoto.net/contact.html - before the changes
          The one with the "valid" code doesn't seem to load in IE.

          DanA
          DanA's picture
          Offline
          Elder
          Last seen: 11 years 1 week ago
          Timezone: GMT+2
          Joined: 2004-08-14
          Posts: 1087
          Points: 2

          HTML Tidy

          HTML Tidy result ---------------------- http://www.ttfphoto.net/contact.html 1 error / 39 warnings

          HTML Tidy result
          ----------------------
          http://www.ttfphoto.net/index.html

          line 1 column 1 - Warning: missing declaration
          ...

          HTML Tidy result
          ----------------------
          http://www.ttfphoto.net/home.html

          line 37 column 1 - Warning: missing


        1. line 29 column 8 - Warning: missing before
          line 80 column 1 - Warning: trimming empty

          0 errors / 3 warnings

          Quote:
          The one with the "valid" code doesn't seem to load in IE.

          Sorry, I cannot find the one with valid code