<?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>XprsYrslf &#187; Coding &#38; Web Design &#187; HTML</title>
	<atom:link href="http://xprsyrslf.be/category/web-technology/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://xprsyrslf.be</link>
	<description>by Jeroen Op &#039;t Eynde</description>
	<lastBuildDate>Fri, 09 Apr 2010 03:42:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IE8 display: table-cell &amp; max-width bug</title>
		<link>http://xprsyrslf.be/2009/08/18/ie8-display-table-cell-max-width-bug/</link>
		<comments>http://xprsyrslf.be/2009/08/18/ie8-display-table-cell-max-width-bug/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 20:27:44 +0000</pubDate>
		<dc:creator>Jeroen</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Easy Online Portals]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://xprsyrslf.be/?p=392</guid>
		<description><![CDATA[A few days ago, a bug in EasySell appeared in Internet Explorer 8.

Apparently we used max-width (and max-height) on the image in a table &#8216;td&#8217;:

table td img {
max-height: 255px;
max-width: 345px;
}

This piece of code won&#8217;t get applied by IE8, so it seems&#8230;
But google found the solution right here, thanks to the forum user AsraiLight.
To let IE8 [...]]]></description>
			<content:encoded><![CDATA[<p>A few days ago, a bug in EasySell appeared in Internet Explorer 8.</p>
<p style="text-align: center;"><a href="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/fault.png"><img class="size-full wp-image-386 aligncenter" style="width: 80%;" title="Fault Version" src="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/fault.png" alt="Fault Version" width="700" height="350" /></a></p>
<p>Apparently we used max-width (and max-height) on the image in a table &#8216;td&#8217;:<br />
<code><br />
table td img {<br />
max-height: 255px;<br />
max-width: 345px;<br />
}<br />
</code></p>
<p>This piece of code won&#8217;t get applied by IE8, so it seems&#8230;<br />
But google found the solution <a href="http://bytes.com/topic/html-css/answers/870359-ie8-display-table-cell-max-width-bug">right here</a>, thanks to the forum user <a href="http://bytes.com/topic/html-css/answers/870359-ie8-display-table-cell-max-width-bug#post3496446">AsraiLight</a>.<br />
To let IE8 apply the max-width/max-height, you have to use a fixed table layout:<br />
<code><br />
table{<br />
table-layout: fixed;<br />
}<br />
</code></p>
<p>This made it look like it is supposed to:</p>
<p style="text-align: center;"><a href="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/correct.png"><img class="size-full wp-image-385 aligncenter" style="width: 80%;" title="Correct Version" src="http://xprsyrslf.be/wordpress/wp-content/uploads/2009/08/correct.png" alt="Correct Version" width="700" height="350" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://xprsyrslf.be/2009/08/18/ie8-display-table-cell-max-width-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disable Input Box</title>
		<link>http://xprsyrslf.be/2008/11/22/javascript-disable-input-box/</link>
		<comments>http://xprsyrslf.be/2008/11/22/javascript-disable-input-box/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 19:35:17 +0000</pubDate>
		<dc:creator>Jeroen</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://localhost/~jeroen/wordpress/?p=109</guid>
		<description><![CDATA[Disable a html Input box without losing successful-controls with javascript:

&#60;form action="" method="post"&#62;
&#60;input type="text" readonly="readonly" onselect="this.blur()"
onfocus="this.blur()" name="SomeTextBox" value=""
style="background-color:lightgrey;cursor:default;"&#62;
&#60;input type="submit"&#62;
&#60;/form&#62;

]]></description>
			<content:encoded><![CDATA[<p>Disable a html Input box without losing <a href="http://www.w3.org/TR/html4/interact/forms.html#successful-controls" target="_blank">successful-controls</a> with javascript:<br />
<code><br />
&lt;form action="" method="post"&gt;<br />
&lt;input type="text" readonly="readonly" onselect="this.blur()"<br />
onfocus="this.blur()" name="SomeTextBox" value=""<br />
style="background-color:lightgrey;cursor:default;"&gt;<br />
&lt;input type="submit"&gt;<br />
&lt;/form&gt;</p>
<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://xprsyrslf.be/2008/11/22/javascript-disable-input-box/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disable alt tooltip in IE6</title>
		<link>http://xprsyrslf.be/2008/10/28/disable-alt-tooltip-in-ie6/</link>
		<comments>http://xprsyrslf.be/2008/10/28/disable-alt-tooltip-in-ie6/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 17:40:34 +0000</pubDate>
		<dc:creator>Jeroen</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://localhost/~jeroen/wordpress/?p=119</guid>
		<description><![CDATA[Override alt tooltip by putting an empty title attribute in the tag

&#60;img alt="something" src=""&#62; becomes &#60;img title="" alt="something" src=""&#62;

]]></description>
			<content:encoded><![CDATA[<p>Override alt tooltip by putting an empty title attribute in the tag<br />
<code><br />
&lt;img alt="something" src=""&gt;</code><br /> becomes <br /><code>&lt;img title="" alt="something" src=""&gt;<br />
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://xprsyrslf.be/2008/10/28/disable-alt-tooltip-in-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
