advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

neal_grosskopf on 06/18/08


Tagged

css html validation CSS3


Versions (?)


Who likes this?

4 people have marked this snippet as a favorite

neal_grosskopf
zingo
SpinZ
koncept


CSS Diagnostics - Highlight Deprecated HTML With CSS & More...

Published in: CSS 

URL: http://www.nealgrosskopf.com/tech/thread.asp?pid=17

CSS Diagnostics allows web designers and developers to highlight invalid HTML using CSS selectors. Say goodbye to the font tag by highlighting it in a large obnoxious border. It also has the ability to highlight 404 pages, old CSS classes and old JavaScript function calls.

Plain TextExpand 
  1. /* Empty Attributes */
  2. img[alt=""], area[alt=""], *[class=""], a[href=""], a[href="#"], *[id=""], *[title=""]
  3. { border: 5px dotted yellow !important; }
  4.  
  5. /* Proposed Deprecation Due To CSS */
  6. body[background], table[background], td[background], th[background],
  7. input[border], table[border]
  8. table[cellpadding],
  9. table[cellspacing],
  10. object[codebase],
  11. img[height], object[height], table[height],
  12. a[name], form[name], img[name], object[name],
  13. a[target], area[target],
  14. td[valign], th[valign],
  15. img[width], object[width], table[width]
  16. { border: 5px dotted orange !important; }
  17.  
  18. /* W3C HTML 4 Strict Deprecated Attributes - http://www.w3.org/TR/html401/index/attributes.html */
  19. applet[align], caption[align], div[align], h1[align], h2[align], h3[align], h4[align], h5[align], h6[align], hr[align], iframe[align], img[align], input[align], legend[align], object[align], p[align], table[align],
  20. body[alink],
  21. applet[alt],
  22. applet[archive],
  23. body[background],
  24. body[bgcolor], td[bgcolor], tr[bgcolor], table[bgcolor],
  25. img[border], object[border],
  26. br[clear],
  27. applet[code],
  28. applet[codebase],
  29. basefont[color], font[color],
  30. dir[compact], dl[compact], menu[compact], ol[compact], ul[compact],
  31. basefont[face], font[face],
  32. applet[height], td[height], th[height],
  33. applet[hspace], img[hspace], object[hspace],
  34. script[language],
  35. body[link],
  36. applet[name],
  37. hr[noshade],
  38. td[nowrap], th[nowrap],
  39. applet[object],
  40. isindex[prompt],
  41. hr[size], font[size], basefont[size],
  42. ol[start],
  43. body[text],
  44. li[type], ol[type], ul[type],
  45. html[version],
  46. body[vlink],
  47. li[value],
  48. applet[vspace], img[vspace], object[vspace], 
  49. hr[width], td[width], th[width], applet[width], pre[width]
  50. { border: 5px dotted red !important; }
  51.  
  52. /* Non W3C Proprietary HTML Attributes - http://en.wikipedia.org/wiki/Non-standard_HTML_tags#Proprietary_HTML_attributes */
  53. body[bgproperties],
  54. *[bordercolor], *[bordercolordark], *[bordercolorlight],
  55. body[topmargin], body[rightmargin], body[bottommargin], body[leftmargin],
  56. table[frame]
  57. { border: 5px dotted magenta !important; }
  58.  
  59.  
  60.  
  61. /* Empty Elements */
  62. /*span:empty,*/ /*div:empty,*/ li:empty, /*p:empty,*/ td:empty, th:empty 
  63. { border: 5px solid yellow !important; }
  64.  
  65. /* Proposed Deprecated Elements */
  66. input[type="button"], input[type="reset"], input[type="submit"], tt, big, small
  67. { border: 5px solid orange !important; }
  68.  
  69. /* W3C HTML 4 Strict Deprecated Elements - http://www.w3.org/TR/html401/index/elements.html */
  70. applet, basefont, center, dir, font, isindex, menu, s, strike, u,
  71. listing, plaintext, xmp
  72. { border: 5px solid red !important; }
  73.  
  74. /* Non W3C Proprietary HTML Elements - http://en.wikipedia.org/wiki/Non-standard_HTML_tags */
  75. audioscope, bgsound, blink, bq, comment, embed, fn, ilayer, /*image,*/ keygen, layer, limittext, marquee, multicol, nobr, noembed, nolayer, nosmartquotes, rt, ruby, server, sidebar, spacer, wbr, xml, blackface, shadow
  76. { border: 5px solid magenta !important }
  77.  
  78.  
  79.  
  80. /* XHTML 1.0 Strict Deprecated Attributes  - http://www.w3.org/TR/xhtml1/#h-4.10 - http://www.w3.org/TR/xhtml11/changes.html#a_changes */
  81. a[name], applet[name], form[name], frame[name], iframe[name], img[name], map[name]
  82. { border: 5px dotted lime !important }
  83.  
  84. /* XHTML 1.0 Strict Prohibitions  http://www.w3.org/TR/xhtml1/#prohibitions */
  85. a > a,
  86. pre > img, pre > object, pre > big, pre > small, pre > sub, pre > sup,
  87. button > input, button > select, button > textarea, button > label, button > button, button > form, button > fieldset, button > iframe, button > isindex,
  88. label > label,
  89. form > form
  90. { border: 5px solid lime !important }
  91.  
  92.  
  93.  
  94. /* Deprecated Classes From Old Website */
  95. .toolbg, .ulnone, span.b, ul.list, .eleven, 
  96. .lines, .wide, .select, table.form, form td.b, table .top,
  97. .gallerypic, .iegallery, .pic, .image, .transparent,
  98. .wht, .blk, .blue, .dkgray, .ltgray, .brown, .quote, .greyhover
  99. { border: 5px groove red !important; }
  100.  
  101. /* Dreprecated JavaScript From Old Website */
  102. input[onfocus*="normal1px()"],
  103. input[onfocus*="change1px()"]
  104. { border: 5px dashed red !important; }
  105.  
  106. /* 404 Pages */
  107. a[href*="/designs/web/web1/"],
  108. a[href*="/designs/web/web2/"],
  109. a[href*="/designs/web/web3/"],
  110. a[href*="/designs/aitp/aitp-fvtc/"],
  111. a[href*="/designs/aitp/aitp/"],
  112. a[href*="/forms/contact.asp"], 
  113. a[href*="/forms/email.asp"]
  114. { border: 5px double red !important; }

Report this snippet 

Comments

RSS Icon Subscribe to comments
Posted By: koncept on June 26, 2008

Very useful up to line #90.

You need to login to post a comment.