<?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>NiceCabbage Blog &#187; html</title>
	<atom:link href="http://www.nicecabbage.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nicecabbage.com</link>
	<description>Life, Design, Web Application</description>
	<lastBuildDate>Mon, 07 Jun 2010 02:03:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>overlay contents over flash object</title>
		<link>http://www.nicecabbage.com/2009/07/overlay-contents-over-flash-object/</link>
		<comments>http://www.nicecabbage.com/2009/07/overlay-contents-over-flash-object/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 10:22:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[TechTips]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.nicecabbage.com/?p=114</guid>
		<description><![CDATA[Problem

You want to show some overlay contents (e.g. dropdown menu items) over Flash objects.

Solution

You can enable z-index features of HTML to Flash objects by adding some parameters.


&#60;object ...&#62;
&#60;param name=&#34;wmode&#34; value=&#34;transparent&#34; /›
&#60;embed ... wmode=&#34;transparent&#34;/›
&#60;/object&#62;

]]></description>
			<content:encoded><![CDATA[<h2>Problem</h2>
<p>
You want to show some overlay contents (e.g. dropdown menu items) over Flash objects.
</p>
<h2>Solution</h2>
<p>
You can enable z-index features of HTML to Flash objects by adding some parameters.
</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">object</span> ...&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;wmode&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;transparent&quot;</span> <span style="color: #66cc66;">/</span>›</span>
<span style="color: #009900;">&lt;embed ... wmode<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;transparent&quot;</span><span style="color: #66cc66;">/</span>›</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">object</span>&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.nicecabbage.com/2009/07/overlay-contents-over-flash-object/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML Table height</title>
		<link>http://www.nicecabbage.com/2009/06/html-table-height/</link>
		<comments>http://www.nicecabbage.com/2009/06/html-table-height/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 12:37:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[TechTips]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.nicecabbage.com/?p=57</guid>
		<description><![CDATA[Problem
I want to set the height of table rows in HTML.
Solution
You can set the height attribute in TR tags.



50
not set


not set
not set





&#60;tr&#62;&#60;td height=&#34;50px&#34;&#62;50&#60;/td&#62;&#60;td&#62;not set&#60;/td&#62;&#60;/tr&#62;


 [NOTE]&#160;&#160;Be careful. You cannot set the height attribute in TR.
]]></description>
			<content:encoded><![CDATA[<h2>Problem</h2>
<p>I want to set the height of table rows in HTML.</p>
<h2>Solution</h2>
<p>You can set the height attribute in TR tags.</p>
<table class="inset" style="margin: 1em 0 0 1em;color: black; text-align: center;" border="1" width="300" bgcolor="white">
<tbody>
<tr>
<td height="50px">50</td>
<td>not set</td>
</tr>
<tr>
<td>not set</td>
<td>not set</td>
</tr>
</tbody>
</table>
<p><br/></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;50px&quot;</span>&gt;</span>50<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>not set<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></div></div>

<p><br/><br />
<span style="color: #FFCCFF;"> [NOTE]</span>&nbsp;&nbsp;Be careful. You cannot set the height attribute in TR.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nicecabbage.com/2009/06/html-table-height/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Advanced Tables</title>
		<link>http://www.nicecabbage.com/2009/06/advanced-tables/</link>
		<comments>http://www.nicecabbage.com/2009/06/advanced-tables/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 03:32:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[TechTips]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.nicecabbage.com/?p=34</guid>
		<description><![CDATA[Problem

I want to merge two or more cells in a HTML Table

Solution

You can use &#8220;colspan&#8221; or &#8220;rowspan&#8221; attributes.



merged cell


cell1
cell2
cell3




&#60;tr&#62;&#60;th colspan=&#34;3&#34;&#62;merged cell&#60;/th&#62;&#60;/tr&#62;
&#60;tr&#62;&#60;td&#62;cell1&#60;/td&#62;&#60;td&#62;cell2&#60;/td&#62;&#60;td&#62;cell3&#60;/td&#62;&#60;/tr&#62;



merged
cell2
cell3


cell4
cell5




&#60;tr&#62;&#60;td rowspan=&#34;2&#34;&#62;merged&#60;/td&#62;&#60;td&#62;cell2&#60;/td&#62;&#60;td&#62;cell3&#60;/td&#62;&#60;/tr&#62;
&#60;tr&#62;&#60;td&#62;cell4&#60;/td&#62;&#60;td&#62;cell5&#60;/td&#62;&#60;/tr&#62;

]]></description>
			<content:encoded><![CDATA[<h2>Problem</h2>
<p>
I want to merge two or more cells in a HTML Table
</p>
<h2>Solution</h2>
<p>
You can use &#8220;colspan&#8221; or &#8220;rowspan&#8221; attributes.
</p>
<table width="300" border="1" bgcolor="white" class="inset" style="margin: 1em 0 0 1em;color: black; text-align: center;">
<tr>
<th colspan="3">merged cell</th>
</tr>
<tr>
<td>cell1</td>
<td>cell2</td>
<td>cell3</td>
</tr>
</table>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">th</span> <span style="color: #000066;">colspan</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;3&quot;</span>&gt;</span>merged cell<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">th</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell1<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell2<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell3<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></div></div>

<table width="300" border="1" bgcolor="white" class="inset" style="margin: 1em 0 0 1em;color: black; text-align: center;">
<tr>
<td rowspan="2">merged</td>
<td>cell2</td>
<td>cell3</td>
</tr>
<tr>
<td>cell4</td>
<td>cell5</td>
</tr>
</table>
<p></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span> <span style="color: #000066;">rowspan</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span>&gt;</span>merged<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell2<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell3<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">tr</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell4<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #000000; font-weight: bold;">td</span>&gt;</span>cell5<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">td</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">tr</span>&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.nicecabbage.com/2009/06/advanced-tables/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More Than One Classname to one HTML Tag</title>
		<link>http://www.nicecabbage.com/2009/06/more-than-one-classname-to-one-html-tag/</link>
		<comments>http://www.nicecabbage.com/2009/06/more-than-one-classname-to-one-html-tag/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 12:33:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[TechTips]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.nicecabbage.com/?p=13</guid>
		<description><![CDATA[Problem:
I want to add one more classnames to one HTML tag
Solution:
It is not so hard, just put all the classnames with separated by spaces, like

&#60;div class=&#34;class1 class2 class3&#34;&#62; ... &#60;/div&#62;

]]></description>
			<content:encoded><![CDATA[<h2>Problem:</h2>
<p>I want to add one more classnames to one HTML tag</p>
<h2>Solution:</h2>
<p>It is not so hard, just put all the classnames with separated by spaces, like</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;class1 class2 class3&quot;</span>&gt;</span> ... <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.nicecabbage.com/2009/06/more-than-one-classname-to-one-html-tag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
