SitePoint Sponsor

User Tag List

Results 1 to 23 of 23
  1. #1
    Serial Publisher silver trophy aspen's Avatar
    Join Date
    Aug 1999
    Location
    East Lansing, MI USA
    Posts
    12,937
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Stupidest WYSIWYG Code you've seen.

    I thought it would be fun if we all shared some of the stupid things WYSIWYG Editors have spit out.

    Occasionally someone else in my company will use a wysiwyg editor and it pisses me off because I often have to go through and clean up the mess.

    So here is my first example:

    Code:
    <center>
    </table>
    </center>

    And here is another one


    <td width="138" valign="middle" style="mso-border-left-alt: solid windowtext .5pt; background-color: black; background-repeat: repeat; background-attachment: scroll; height: 3.7pt; border-left-style: none; border-left-width: medium; border-right: .5pt solid windowtext; border-top: .5pt solid windowtext; border-bottom: .5pt solid windowtext; padding-left: 5.4pt; padding-right: 5.4pt; padding-top: 0pt; padding-bottom: 0pt; background-position: 0% 50%" align="center">
    <p class="MsoNormal" align="center" style="text-align:center"><font face="Verdana" size="2"><span style="mso-bidi-font-size: 12.0pt; color: white"><b>Qualification
    Period<o: p>
    </o: p>


    For the first one its obviously ridiculous. The second one... well imagine that for every table cell on a page that have that. This page has maybe 100 or so cells. This needless style crap actually increased the page size perhaps 10x or more.
    Chris Beasley - I publish content and ecommerce sites.
    Featured Article: Free Comprehensive SEO Guide
    My Guide to Building a Successful Website
    My Blog|My Webmaster Forums

  2. #2
    SitePoint Enthusiast
    Join Date
    Feb 2000
    Location
    Louisville, KY, US
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What editor is that? I use dreamweaver for the layout and afterwards clean up the redundant code! I never saw anything close to what you let us see here!
    I now there is a lot going on between WYSIWYG and hancoding and stick not my neck in the middle of that kinda IMHO useless threads!

    It's like the same as VB versus Delphi versus C etc etc.
    No one wins and no one looses! It's just what you prefer the most... and I go for both ways...

    EMB
    So never mind the darknes, we still can find the way. Cause nothin' last forever, even cold November rain.(Rose)

  3. #3
    SitePoint Wizard
    Join Date
    Jul 1999
    Location
    Chicago
    Posts
    2,629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's my fav. It was on one of my old sites that I used DW3 to create.

    <font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font><font color="#FFFFFF"></font>

    That piece of code scarred me for life...I vowed never again to use WYSIWYG editors. But it's still burned onto the surfaces of my eyes.

  4. #4
    :) delemtri's Avatar
    Join Date
    Jun 2001
    Posts
    579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Haha!

  5. #5
    Yugo full of anvils bronze trophy hillsy's Avatar
    Join Date
    May 2001
    Location
    :noitacoL
    Posts
    1,859
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's a good one:

    <font size="2"><font face="Arial, Helvetica, sans-serif">.</font></font>

    that's me!
    Now A Pom. And a Plone Nut
    Broccoli Martinez Airpark

  6. #6
    SitePoint Zealot strangealienmagic's Avatar
    Join Date
    May 2001
    Location
    Metro Detroit area, Michigan
    Posts
    110
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    qslack, you need to keep your software away from the Diet Coke...

    I was in a MultiLevelMarketing company for a while, and they let me copy some of their pages for use on my site. EVERY image had font tags around it, and all the appropriate font tags were nested two deep.

    Sort of like the ficticious John Wayne quote: "Some people think the harder you pull the trigger, the faster the bullet goes."

  7. #7
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hahaha, good one hillsy.

    Check out the code that DW made for one of my sites, www.geocities.com/staffcoservices/index2.html

    Code:
     <tr> 
        <td width="33" height="1"></td>
        <td width="206"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    It does that a few times.

    There's also this:

    Code:
     <tr> 
        <td height="1"><img height="1" width="33" src="/spacer.gif"></td>
        <td><img height="1" width="206" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td><img height="1" width="82" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td><img height="1" width="82" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td><img height="1" width="82" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td><img height="1" width="82" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td><img height="1" width="82" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td><img height="1" width="82" src="/spacer.gif"></td>
        <td><img height="1" width="1" src="/spacer.gif"></td>
        <td></td>
      </tr>
    WYSIWYG Programs: What would we do without 'em?

    Answer: BE BETTER OFF!!
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  8. #8
    SitePoint Wizard
    Join Date
    Jul 1999
    Location
    Chicago
    Posts
    2,629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ugh.

    The next time someone claims "But Dreamweaver's code is HTML4 Strict compliant!" I think we should do them a favor and point 'em here.

    From now on, we should all refer to WYSIWYG editors as "Wussywyg" editors. When you're staging a full-out war against something, you need a silly name for it.

  9. #9
    Destiny Manager Plebius's Avatar
    Join Date
    Nov 1999
    Posts
    682
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <FONT FACE="Arial,Helvetica">
    <FONT SIZE=-1>my</FONT></FONT>
    <FONT FACE="Arial,Helvetica">
    <FONT SIZE=-1></FONT></FONT>
    <FONT FACE="Arial,Helvetica">
    <FONT SIZE=-1>name</FONT></FONT>

  10. #10
    SitePoint Enthusiast
    Join Date
    Feb 2000
    Location
    Louisville, KY, US
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote:
    WYSIWYG Programs: What would we do without 'em?

    Answer: BE BETTER OFF!!


    Or maybe, WYSIWYG Programs: What would we do if we don't know HOW to use them?

    Answer: YOU BETTER OFF HANDCODING!! :-)

    Anyhow, nice coding guys

    EMB
    So never mind the darknes, we still can find the way. Cause nothin' last forever, even cold November rain.(Rose)

  11. #11
    Blissed off
    Join Date
    Feb 2001
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You guys have tried the "clean up html" command built into Dreamweaver 4? It won't fix all the nasties, but it'll get rid of

    nested tags
    redundant tags
    non-dreamweaver html comments
    dreamweaver html comments

    It will also allow you to enter a specific custom tag to clean up.

    It also has an option to combine nested font tags if possible.


    Is this function perfect? No. But if you use DW, it's a good idea to run it now and again. Then you can go in and clean up the code by hand which by that point, shouldn't be too horrible... *fingers crossed on that one!*

  12. #12
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One of my computer science classmates worships Frontpage, and, no offense to FP users, because I use the program on occasion, but I was looking at one of his webpage assignments, and it throws in this code:

    <!-- webbot bot MS style -yack yack yack...20 lines deep-->

    I mean...what's the point of all that garbage if its enclosed in <!-- 's? Oh yes, and there's also this:

    <!--MSTheme-->
    <!--MSThemeSeperator-->
    <!--MS MS MS MS MS!! Gaaah!-->

  13. #13
    SitePoint Guru
    Join Date
    Jul 2000
    Location
    Long Island, NY
    Posts
    755
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think the web bot code in FP tells FP not to alter that bit of code.

  14. #14
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    jumpthru has got ALL of you beat when it comes to terrible code. One of his client sites (It wasn't him that did this page) is atrocious!

    http://www.lynwoodtheatre.com/

    From lines 57-74 there are only 2 words, the rest of it is redundant FONT tags. I did a find and replace and got rid of 2219 instances of </font> and 1073 instances of <b></b>.

    That is the ultimate reason why I will never use a WussyWig editor for my sites. Because you can't see what's going on behind the scenes.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  15. #15
    SitePoint Guru
    Join Date
    Jul 2000
    Location
    Long Island, NY
    Posts
    755
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole
    That is the ultimate reason why I will never use a WussyWig editor for my sites. Because you can't see what's going on behind the scenes. [/B]
    Well, sure you can, at least in the most popular ones. You just have to look.

  16. #16
    SitePoint Evangelist pip's Avatar
    Join Date
    Jun 2001
    Location
    Cape Town, South Africa
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've seen so many of these things, and if I don't have to clean it up, I just laugh at it.

    But what I can't understand is that EMB immediately took offence and started getting ridiculously rude. Who are you standing up for, the manufacturers of the application, or yourself? If it's yourself, that can't be very valid cause no one on here is ripping WYSIWYG authors off. It's just funny to see what some of these applications do with the code.

    However, on the other hand if you're standing up for the Software manufacturers, keep it up... it might result in a free copy of your software!

    Damn, some of you people are so freagin serious on here! Take a chill pill and SMILE!
    - Pip
    ---------------------------------------------------------------------------------
    Nothing takes the taste out of peanut butter quite like unrequited love.

  17. #17
    SitePoint Enthusiast
    Join Date
    Feb 2000
    Location
    Louisville, KY, US
    Posts
    50
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote:
    by Pip.
    But what I can't understand is that EMB immediately took offence and started getting ridiculously rude. Who are you standing up for, the manufacturers of the application, or yourself? If it's yourself, that can't be very valid cause no one on here is ripping WYSIWYG authors off. It's just funny to see what some of these applications do with the code.

    ridiculously rude???? Where?? please show me where I was rude!

    Who are you standing up for?
    Just myself! If someone replies with YOU BETTER OFF i do not see why YOU BETTER OFF HANDCODING do any harm.

    --Damn, some of you people are so freagin serious on here!--
    You right about that one, just look in a mirror!, sheeees!

    EMB
    So never mind the darknes, we still can find the way. Cause nothin' last forever, even cold November rain.(Rose)

  18. #18
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    alright folks...move along...nothing to see here...

    both of you should chill...it's just a good conversation...pip, I don't think EMB was being rude at all. EMB< don't take offence to easily.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  19. #19
    differently saned russbellon's Avatar
    Join Date
    Jun 2001
    Location
    alternate dementian
    Posts
    399
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    stupidest code: heheh
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">

    spent about 4 hrs cleaning out redundant crap, miss-nested tags and tons of spans enclosing nothing (got paid well, but i won't do it again)
    אין סוף

  20. #20
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <table cellspacing="0" cellpadding="0" border="0"><tr><td>
    <table cellspacing="0" cellpadding="0" border="0"><tr><td>
    <table cellspacing="0" cellpadding="2" border="0"><tr><td>
    blah blah blah
    </td></tr></table>
    </td></tr></table>
    </td></tr></table>
    Something like that anyway...
    To make it worse, it was [censored] who did that in his Dreamweaver, though to be fair he is an ok coder-by-hand, but is just too focused on getting things done on time as opposed to getting things done right. "After all, you (me) are around to clean things up." Bah!

    Edit: Forgot the subject browses these forums occassionally.
    Last edited by duckie; Jul 18, 2001 at 12:54.

  21. #21
    pg for mild peril cow's Avatar
    Join Date
    Mar 2000
    Location
    nevada, usa
    Posts
    636
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    a recent one a ran across...

    Code:
    <FONT SIZE=-1><I>
    <FONT SIZE=+0></I>
    "There's no justice like angry mob justice!" --Seymour Skinner

  22. #22
    SitePoint Evangelist pip's Avatar
    Join Date
    Jun 2001
    Location
    Cape Town, South Africa
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I apologise to EMB and the rest of you, and have nothing further to say.
    - Pip
    ---------------------------------------------------------------------------------
    Nothing takes the taste out of peanut butter quite like unrequited love.

  23. #23
    midnight coder
    Join Date
    Dec 2000
    Location
    The flat edge of the world
    Posts
    838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole
    jumpthru has got ALL of you beat when it comes to terrible code. One of his client sites (It wasn't him that did this page) is atrocious!

    http://www.lynwoodtheatre.com/

    From lines 57-74 there are only 2 words, the rest of it is redundant FONT tags. I did a find and replace and got rid of 2219 instances of </font> and 1073 instances of <b></b>.
    Holy cra...the site itself isn't actually that bad, a nice tidy little site, then you go to View Source and I swear he did that on purpose!


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
  •