<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Gabriel de Kadt &#187; XHTML</title>
	<atom:link href="http://www.lazydada.com/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lazydada.com</link>
	<description>Personal notes on Mac based web development and design.</description>
	<lastBuildDate>Tue, 30 Aug 2011 10:47:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to group items in HTML select menus</title>
		<link>http://www.lazydada.com/2009-11-29/how-to-group-items-in-html-select-menus/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-group-items-in-html-select-menus</link>
		<comments>http://www.lazydada.com/2009-11-29/how-to-group-items-in-html-select-menus/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 11:38:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design & development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.lazydada.com/?p=502</guid>
		<description><![CDATA[Here&#8217;s something I learnt last week, just as the title says: how to group items in an (x)HTML select drop down list. This trick, which I&#8217;d assumed was done with magic (or rather DHTML or JavaScript trickery), is actually very easy to achieve being straight forward HTML markup. [Found in a referenced post linked to [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s something I learnt last week, just as the title says: how to group items in an (x)HTML select drop down list. This trick, which I&#8217;d assumed was done with magic (or rather DHTML or JavaScript trickery), is actually very easy to achieve being straight forward HTML markup.</p>
<p>[Found in a referenced post linked to by <a href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/">Laura Carlson's excellent [webdev] reference</a> pages (subscribe to the <a href="http://www.d.umn.edu/itss/support/Training/Online/webdesign/webdev_listserv.html">list server here</a>)&#8230;]</p>
<p>&#8230;the secret, as explained by &#8220;Web Teacher&#8221; <a href="http://www.webteacher.ws/2009/11/18/the-optgroup-in-html-select-forms/">here</a>, is simply to wrap the items you want to group  in the select list with</p>
<p><code>&lt;optgroup label="group_title"&gt;</code> and <code>&lt;/optgroup&gt;</code></p>
<p>Another good point made there is that to make a select list multiple choice you just need to add the attribute <code>multiple="multiple"</code> into the opening select tag (and make it clear to the users that this is the case as well as how to actually select mulitiple items&#8230;)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lazydada.com/2009-11-29/how-to-group-items-in-html-select-menus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avoid HTML validation errors due to your JavaScript</title>
		<link>http://www.lazydada.com/2008-11-07/avoid-html-validation-errors-due-to-your-javascript/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=avoid-html-validation-errors-due-to-your-javascript</link>
		<comments>http://www.lazydada.com/2008-11-07/avoid-html-validation-errors-due-to-your-javascript/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 13:31:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design & development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.lazydada.com/?p=150</guid>
		<description><![CDATA[One of the reasons I changed a random content rotation script that was sitting in my &#60;head> tags last month was because this JavaScript failed to validate. I don&#8217;t intend to change back &#8211; but today I found out the why-for when I came across the same thing happening in two versions of &#8220;The Son [...]]]></description>
			<content:encoded><![CDATA[<p>One of the reasons I changed a <a href="http://www.lazydada.com/2008-10-22/random-content-rotation-using-php/" target="_blank">random content rotation script</a> that was sitting in my <code>&lt;head></code> tags last month was because this JavaScript failed to validate. I don&#8217;t intend to change back &#8211; but today I found out the why-for when I came across the same thing happening in two versions of &#8220;The Son of Suckerfish&#8221;. One wrapped the JavaScript with CDATA tags the other not. That simple. Of course removing the script into its own file would do the trick too. </p>
<h4>Don&#8217;t forget to wrap up your script tags safely!</h4>
<p><code>&lt;script type="text/javascript">&lt;!--//-->&lt;![CDATA[//>&lt;!--<br />
       PUT YOUR CODE IN HERE<br />
	//-->&lt;!]]&gt;&lt;/script></code></p>
<p>This applies to all XHTML pages.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lazydada.com/2008-11-07/avoid-html-validation-errors-due-to-your-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Clean, formatting-free XHTML from Word for posting into blogs and CMSs?</title>
		<link>http://www.lazydada.com/2008-06-05/clean-formatting-free-xhtml-from-word-for-posting-into-blogs-and-cmss/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=clean-formatting-free-xhtml-from-word-for-posting-into-blogs-and-cmss</link>
		<comments>http://www.lazydada.com/2008-06-05/clean-formatting-free-xhtml-from-word-for-posting-into-blogs-and-cmss/#comments</comments>
		<pubDate>Thu, 05 Jun 2008 17:04:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web design & development]]></category>
		<category><![CDATA[MacOSX]]></category>
		<category><![CDATA[webdev]]></category>
		<category><![CDATA[Word 2004]]></category>
		<category><![CDATA[writing]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.lazydada.com/?p=39</guid>
		<description><![CDATA[&#8212;&#8212;&#8211; Update 2 Thanks to this great list of open-source apps for Mac OS X there another option to look at: AbiWord. I&#8217;ve not tried it yet but it looks set to beat my non-starting attempts with OpenOffice (office Mac is PowerPC without X11). Even better &#8211; it seems to state that it can do the [...]]]></description>
			<content:encoded><![CDATA[<p>&#8212;&#8212;&#8211;</p>
<h3>Update 2</h3>
<p>Thanks to this <a title="Seven open-source Mac apps you need right now" href="http://www.macworld.co.uk/macsoftware/news/index.cfm?RSS&amp;NewsID=21662" target="_blank">great list of open-source apps for Mac OS X</a> there another option to look at: <a title="Open-source word processor for Mac OS X" href="http://www.abisource.com" target="_blank">AbiWord</a>. I&#8217;ve not tried it yet but it looks set to beat my non-starting attempts with OpenOffice (office Mac is PowerPC without X11). Even better &#8211; it seems to state that <a title="Authoring Web-Clean AbiWord Documents" href="http://www.abisource.com/help/en-US/howto/howtoweb.html" target="_blank">it can do the job</a>. TBC.</p>
<p>&#8212;&#8212;&#8211;</p>
<h3>Update</h3>
<h2>What a difference a day makes</h2>
<p>Despite yesterday&#8217;s test proving otherwise &#8211; today it seems that I <strong>can</strong> use Paste Special in to GoLive and keep all formatting. Today I can &#8220;Paste As&#8221; and chose &#8220;Cleared HTML (Removes exotic Markup)&#8221; over the limited &#8220;HTML&#8221; option which was all I could do yesterday. Just a few extra non-breaking spaces and p tags for the line breaks &#8211; but otherwise perfect unicode for the web.</p>
<p>I think that I may have not been pasting directly from word. Not sure. Anyway this is now the best solution for when I&#8217;m about to help update content.<br />
&#8212;&#8212;&#8211;<br />
[Posted to the Microsoft Word forum <a href="http://www.officeformac.com/3192">here</a>]</p>
<p>I&#8217;ve been searching for a while now and have found no simple solution for this issue. I&#8217;m working to set up a CMS (Drupal in this case) and want to find a way to enable the writers &#8211; using Word 2004 &#8211; to upload their own content, properly styled in clean XHTML.</p>
<p>I want to avoid any extra steps as more steps leads to more chances for errors to creep in. The only formatting needed is semantic content; just HTML body content without extraneous Word Roundtrip information or formatting at all as all design should be defined by using CSS stylesheets.</p>
<p>I just want the basic stuff i.e. h1-h6 headings (defined at the authoring stage, using Word&#8217;s standard styles), bold, italics and quality typography (all accents, &#8220;curly&#8221; quotes and em-dashes) properly encoded into human readable XHTML entities (ie &#8220;&amp;&#8221; becomes &#8220;&amp;&#8221;).</p>
<p>I&#8217;m worried that I&#8217;m going to have to compromise on quality or make, what to my mind should be basic functionality, a laborious and error-prone process&#8230;</p>
<p>Does anybody have a solution? Is this doable by hacking/editing the &#8220;Word Conversion Options&#8221; or &#8220;com.microsoft.Word.prefs.plist&#8221; files?</p>
<p>[The basic structure: headings and paragraphs; bold; italics and accents (as unicode) can be handled by the CMS's interface thanks to TinyMCE and its Paste From Word function - but this cannot handle typographic features such as proper curly quotes and em-dashes.]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lazydada.com/2008-06-05/clean-formatting-free-xhtml-from-word-for-posting-into-blogs-and-cmss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
