Page 1 of 3 123 LastLast
Results 1 to 10 of 25

Thread: doctype validation making me insane

  1. #1
    Join Date
    Feb 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry doctype validation making me insane

    Please, is there a doctypes-for-dummies site that I'm missing? I have researched for a month and cannot figure it out, aaaaaaaacccckkkk!!!

    I can't validate my pages to save my life!

    Alternatively, how can I get my page rewritten in one of the new doctypes? Is there a reasonably priced program that will convert it?
    [rant follows]


    I am a self-taught hand-coder, apparently from the 'olden days,' circa 1999-Y2K, when you could easily type out a basic webpage and it worked flawlessly with simple little self-explanatory html tags like font color and size, for fun a little scrolling marquee and maybe a few nested backgrounds.

    7-8 years later I find myself being sucked into a vortex of confusing "new and improved" document types that are making everything I've learned obsolete and unacceptable.

    I tried to find an affordable webpaging program that would let me design a simple page to my liking, but wound up having to hand-code it to make it display properly.

    During the process I have apparently mixed my metaphors or overstirred the pot, because I can NOT find out what doctype I need to validate my pages, and when I use the online coverter to "fix it" by converting to XHTML, I lose formatting (for example, items centered in a table).

    I am losing my mind. Why isn't there a docs-for-dummies guide that will help me with this? CSS "help" sites are not helpful, they all assume a certain level of knowledge. Everything available is SO over my head, I want to SCREAM.
    Last edited by Carole; 03-02-2007 at 12:03 AM. Reason: needed to preface the whining rant with a question.

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    First, try html 4.01 strict:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    If it turns out with errors, it will tell you what is wrong, and on the line (approximately) where it is.

    If not choose the appropiate one from this list:
    http://www.w3.org/QA/2002/04/valid-dtd-list.html
    - Mike

  3. #3
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Don't worry Carole, we have all been there (some more recently than others).

    There are even valid arguments for both sides of the validation debate, some oppose it, and with good reasons, and some make it a must have.

    I am more on the must have side of the fence, but that too is debateable.

    The most important thing to remember is not to give up. If you are self-taught, like me, it makes things a tad harder, but more enjoyable in the end.

    First, you really should get a little grasp on CSS. It does seem a daunting task I know, I felt the same way about 6 months ago.

    Then I found this CSS howto link And it walks you through a very basic CSS sheet to make a page. It isn't all advanced, but you get the basic ideas and can get a better grasp from there.

    (been having problems lately loading that site, so if you need other links let me know.)

    Once you have a semi-firm grasp on CSS, then go back to the validation links mburt showed you in the post above.

    Personally I would start with HTML transitional, then move to strict, but that again is personal preference.

    Good Luck with it, and be sure to post questions here or ask for help about a specific error if you need to
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    First, try html 4.01 strict:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    That is a badly-formed Transitional DOCTYPE, not Strict. The Strict DOCTYPE (the only one you should be using in this day and age, except for some very special cases), is:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    Alternatively, how can I get my page rewritten in one of the new doctypes? Is there a reasonably priced program that will convert it?
    No. There are no programs that will convert it, because programs have no sense of semantics, which is the driving force behind the whole web standards movement
    I am a self-taught hand-coder, apparently from the 'olden days,' circa 1999-Y2K, when you could easily type out a basic webpage and it worked flawlessly with simple little self-explanatory html tags like font color and size, for fun a little scrolling marquee and maybe a few nested backgrounds.
    Same (a couple of years earlier, actually). And boy am I glad we've moved on
    Last edited by Twey; 03-02-2007 at 01:30 AM.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Feb 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Wink

    well, I do really appreciate your replies and encouragement. I just don't think I'm smart enough to figure it all out in time. I need to work on a whole slew of matching pages and I just can't get it.

    I notice that most of the sites offering CSS help are bare bones white pages with plain text, LOL! THat shows me the authors can't really do much with it, they just want you to think so!

    AFter many hours of trying to fix my pages, I decided to work on my own fantasy language and hit the sack.


    DOC TYPE: Carole's new coding language: BeatOfADifferentDrummer101/Transitional, Flexible, Forgiving, and Understanding! Validation url=inmyownlittleworld.wherever
    Comments=CSS made me tear out my hair. And this language works in any browser that has ever existed or will ever be developed! End comments.

    Main Page: 2 Divisions
    Division 1: Top of Page
    Size=150 pixels high
    Background color=black
    Background image=url/image.jpg
    line break
    Insert image: url/line.gif width=100%
    line break
    Menu items: Center All!
    Button 1=url/image.gif link=url
    Button 2=url/image.gif link=url
    Button 3=url/image.gif link=url
    Line Break
    Insert image: url/image.gif width=100%
    line break

    Division 2: Bottom of Page
    Page Decoration: Type=triple border background.
    Bottom layer: Page background color=blueviolet
    Background image=url/image.jpg
    Left Margin=0 pixels
    Top Margin=0 pixels
    Right Margin=0 pixels
    Bottom Margin=0 pixels
    Padding=top 50 pixels all around!

    Second layer: Page background color=black
    Background image=no
    Left Margin=0 pixels
    Top Margin=0 pixels
    Right Margin=0 pixels
    Bottom Margin=0 pixels
    Padding=50 pixels all around!
    Insert table cells!
    Row 1 Cell 1:insert image=url/image.gif
    Cell 2:insert image=url/image.gif
    Cell 3:insert image=url/image.gif
    Row 2 Cell 1:insert image=url/image.gif
    Cell 2:insert image=no
    Cell 3:insert image=url/image.gif
    Row 3 Cell1:insert image=url/image.gif
    Cell2:insert image=url/image.gif
    Cell3:insert image=url/image.gif
    End table cells!

    Top layer
    Background color=white
    Background image=url/image.jpg
    Main Page Content Goes Here!
    Insert Image, Left aligned, url/image.jpg
    Line break
    Line break
    Font face=Arial size 10 Bold: Dear Visitor,
    Line break
    Line break
    Indent 5
    Thanks for checking out my site and please enjoy the lovely photos and information!
    Line breaks=5
    Indent 10 Insert image=url/image.jpg
    Spaces 20 Insert image=url/image.jpg
    Line breaks 10
    Indent 5
    Weren't those lovely photos?
    Line breaks 2
    Indent 40
    Cordially Yours,
    Line breaks 5
    Indent 40 Signed: KISS!
    Line breaks 10
    Center Image: url/image.jpg
    End Main Content and Center all!

    Add additional content outside of main? Yes!
    Insert Webring coding here!
    Webring membership number 777's easy coding, thanks for joining!

    Insert Page Counter here!
    Lovely page counter #425, work indefinitely with zero errors? Yes!
    Thanks for adding our lovely page counter!

    Life is Beautiful and thank you for playing!

    P.S. position another image: 50 pixels from right and 25 pixels from bottom. Location=url/crazyeyes.gif

  6. #6
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    I Love it! I would implement that right away!

    But I tried and got 487 errors

    You are very creative, and intelligent. Believe me you won't get CSS and validity in one day.

    Baby steps. One day at a time. Pick something and go for it. Like CSS... learn the basic structure, make a page with a couple different colored boxes on it or something.

    Then go on from there. You can do it! (believe me, if I can ANYONE can)
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  7. #7
    Join Date
    Feb 2007
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Talking Thanks for playing...

    Thanks so much for the encouragment. It's been awhile since I visited.
    I had to put away the problems for awhile.

    For now I guess I'll just continue with my error filled pages and worry about it later.
    I have too many hours of work in my regular job and this is a hobby, but I was letting it interfere with sleep!

    I would love to send you the URL for anytime you are bored and wouldn't mind peeking at my source, but I fear posting it because I can't afford the bandwidth if too many people visit.

  8. #8
    Join Date
    Mar 2007
    Location
    New York, NY
    Posts
    557
    Thanks
    8
    Thanked 66 Times in 66 Posts

    Default

    At this point, I don't even include it in my HTML, I don;t care enough to. I hate those as well. Don't worry about it, it really doesn't help except for your page working in certain distinct browsers.

  9. #9
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    At this point, I don't even include it in my HTML, I don;t care enough to. I hate those as well. Don't worry about it, it really doesn't help except for your page working in certain distinct browsers.
    If it doesn't validate, it's not conforming to your chosen DTD, which means it's not even HTML, just a mass of text. If you're lucky, you'll have written it in such a way that most browsers will get what you mean and error-correct it into real HTML. Of course, they'll all do it slightly differently, and there are no standards for doing so, so you've no idea what your page will look like in the end, and people relying on this are why most modern browsers are twice the size they need to be, but hey.

    Roll on XHTML
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  10. #10
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Personally, I find DTD problems easy to fix with the validator. Maybe it's just me.
    - Mike

Bookmarks

Posting Permissions

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