<?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>Leosquarez - Website Design and Development</title>
	<atom:link href="http://www.leosquarez.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.leosquarez.com</link>
	<description>Website Design and Development</description>
	<lastBuildDate>Tue, 09 Feb 2010 00:13:19 +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>Create a div clickable</title>
		<link>http://www.leosquarez.com/create-a-div-clickable/</link>
		<comments>http://www.leosquarez.com/create-a-div-clickable/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 00:12:01 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=71</guid>
		<description><![CDATA[If you are wandering if is possible to make a  entire div is clickable this is the trick you have to use:
&#60;div onclick=&#8221;location.href=&#8217;URL&#8217;;&#8221; style=&#8221;cursor: pointer; height:50px; width:150px&#8221;&#62;
Remember to make an entire div tag clickable you have to use the &#8220;onlick&#8221; function and set the URL you want to link and very important is to change [...]]]></description>
			<content:encoded><![CDATA[<p>If you are wandering if is possible to make a  entire div is clickable this is the trick you have to use:</p>
<blockquote><p><strong>&lt;div <span style="color: #ff0000;">onclick=&#8221;location.href=&#8217;URL&#8217;;&#8221;</span> style=&#8221;<span style="color: #ff0000;">cursor: pointer</span>; height:50px; width:150px&#8221;&gt;</strong></p></blockquote>
<p>Remember to make an entire div tag clickable you have to use the &#8220;onlick&#8221; function and set the URL you want to link and very important is to change the cursor style to a pointer, to usability purpose.</p>
<p>Is important after to set the height and width.</p>
<p>DONE!<a href="http://www.leosquarez.com/wp-content/uploads/2010/02/razer-pro-click-mobile-mouse.jpg"></a></p>
<p><a href="http://www.leosquarez.com/wp-content/uploads/2010/02/razer-pro-click-mobile-mouse.jpg"><img class="alignnone size-medium wp-image-73" title="razer-pro-click-mobile-mouse" src="http://www.leosquarez.com/wp-content/uploads/2010/02/razer-pro-click-mobile-mouse-300x274.jpg" alt="razer-pro-click-mobile-mouse" width="300" height="274" /></a></p>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=71&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/create-a-div-clickable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Display current Year in PHP</title>
		<link>http://www.leosquarez.com/display-current-year-in-php/</link>
		<comments>http://www.leosquarez.com/display-current-year-in-php/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 00:06:37 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Php]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=67</guid>
		<description><![CDATA[Create a better and always update Copyright date with a simple like in php.
Use to show the current year:
© Copyright 2004 &#8211; &#60;?php echo date(&#8221;Y&#8221;) ?&#62;
]]></description>
			<content:encoded><![CDATA[<p>Create a better and always update Copyright date with a simple like in php.</p>
<p>Use to show the current year:</p>
<p>© Copyright 2004 &#8211; &lt;?php echo date(&#8221;Y&#8221;) ?&gt;</p>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=67&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/display-current-year-in-php/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Free Opensource CMS List</title>
		<link>http://www.leosquarez.com/free-opensource-cms-list/</link>
		<comments>http://www.leosquarez.com/free-opensource-cms-list/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 05:13:03 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[CMS Opensource]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[OpenSource]]></category>
		<category><![CDATA[Php]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=63</guid>
		<description><![CDATA[I found a really good  list with many php (Free) Opensource CMS
View list.
I suggest as well:

bloging -&#62; Wordpress
corporate website -&#62; Joomla
eCommerce -&#62; Opencart

]]></description>
			<content:encoded><![CDATA[<p>I found a really good  list with many php (Free) Opensource CMS</p>
<p><a href="http://php.opensourcecms.com/scripts/show.php?catid=all&amp;cat=All%20Scripts">View list</a>.</p>
<p>I suggest as well:</p>
<ul>
<li>bloging -&gt; <a href="http://wordpress.org">Wordpress</a></li>
<li>corporate website -&gt; <a href="http://www.joomla.org/">Joomla</a></li>
<li>eCommerce -&gt; <a href="http://www.opencart.com/">Opencart</a></li>
</ul>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=63&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/free-opensource-cms-list/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Error on Joomla 1.0 migrating from a Windows server to a Unix one</title>
		<link>http://www.leosquarez.com/error-on-joomla-1-0-migrating-from-a-windows-server-to-a-unix-one/</link>
		<comments>http://www.leosquarez.com/error-on-joomla-1-0-migrating-from-a-windows-server-to-a-unix-one/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 00:03:37 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Joomla 1.0]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=57</guid>
		<description><![CDATA[
While i was updating one of my server website how is running Joomla 1.0 i change the server from a Windows to a Unix server system.

Very important YOU HAVE TO BACK UP ALL YOUR FILES AND THE DATABASE

When i receive the new login, i uploaded all my files but i had this error:
Parse error: syntax [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-58" title="JoomlaFrontpage350" src="http://www.leosquarez.com/wp-content/uploads/2009/11/JoomlaFrontpage350-300x175.jpg" alt="JoomlaFrontpage350" width="300" height="175" /></p>
<p>While i was updating one of my server website how is running Joomla 1.0 i change the server from a Windows to a Unix server system.</p>
<ul>
<li>Very important YOU HAVE TO BACK UP ALL YOUR FILES AND THE DATABASE</li>
</ul>
<p>When i receive the new login, i uploaded all my files but i had this error:</p>
<blockquote><p><em>Parse error: syntax error, unexpected &#8216;{&#8217; in /web/htdocs/MYWEBSITE/home/configuration.php on line 1</em></p></blockquote>
<p>To solve this problem you just have to:</p>
<ol>
<li>Delete from the server the &#8220;configuration.php&#8221; files</li>
<li>Download the full package the last Joomla 1.0 version () i found that here: http://joomlacode.org/gf/project/joomla/frs/?action=FrsReleaseView&amp;release_id=6828</li>
<li>Of course extract the dir</li>
<li>Upload on the server the &#8220;configuration.php-dist&#8221; file and the &#8220;installation&#8221; directory</li>
<li>Refresh the browser, and start the installation</li>
<li>Before the installation start go to your mysql manager and (JUST AFTER BACKUP IT) delete the old table</li>
<li>Procede with the istallation.. (host, user, pass, db name&#8230;)</li>
<li>When the website is running again (and you delete the installation directory) back to your mysql admin and delete the new database and import the old one..</li>
</ol>
<p>Done..</p>
<p>Any question leave a comment</p>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=57&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/error-on-joomla-1-0-migrating-from-a-windows-server-to-a-unix-one/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>40 hilarious and really creative ads</title>
		<link>http://www.leosquarez.com/40-hilarious-and-really-creative-ads/</link>
		<comments>http://www.leosquarez.com/40-hilarious-and-really-creative-ads/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 01:13:58 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Interesting from the web]]></category>
		<category><![CDATA[funny]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=52</guid>
		<description><![CDATA[
Print adverts need to get a message across with a single image and without the recourse of interactivity that we find today on the Internet.
As interactive media expands, attention spans are getting shorter and shorter every day.
For any company trying to get their product or service out in print format, the task is ever more [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-53" title="dryer" src="http://www.leosquarez.com/wp-content/uploads/2009/11/dryer.jpg" alt="dryer" width="492" height="337" /></p>
<p><strong>Print adverts</strong> need to get a message across with a single image and without the recourse of interactivity that we find today on the Internet.</p>
<p>As interactive media expands, attention spans are getting shorter and shorter every day.</p>
<p>For any company trying to get their product or service out in print format, the task is ever more challenging and difficult.</p>
<p><strong>Humorous ads</strong> remain one of the few effective ways to engage an audience in a very saturated advertising market. This is an area where the audience is far more receptive and still willing to pay attention.</p>
<p>In this post, we’ve gathered <strong>40 hilarious and really creative ads </strong>for your enjoyment…</p>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=52&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/40-hilarious-and-really-creative-ads/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acer Aspire One BIOS Recovery &#8211; Acer Aspire One ZG5 screen not working?</title>
		<link>http://www.leosquarez.com/acer-aspire-one-bios-recovery-acer-aspire-one-zg5-screen-not-working/</link>
		<comments>http://www.leosquarez.com/acer-aspire-one-bios-recovery-acer-aspire-one-zg5-screen-not-working/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 07:03:03 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Computer Fixing Tips]]></category>
		<category><![CDATA[Acer Aspire One ZG5]]></category>
		<category><![CDATA[Download zg5ia32.fd]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=45</guid>
		<description><![CDATA[Is the second time that my brother, leave me his Acer Aspire One ZG5 because the screen in not working
As me you&#8217;ll start to write on google:

&#8220;Acer Aspire One ZG5 screen not working&#8221;
&#8220;Acer Aspire One ZG5 screen black&#8221;
&#8220;Acer Aspire One ZG5 BIOS PROBLEM&#8221;
&#8220;Acer Aspire One ZG5 don&#8217;t start&#8221;

Like me you&#8217;ll start to read 1000 of [...]]]></description>
			<content:encoded><![CDATA[<p>Is the second time that my brother, leave me his Acer Aspire One ZG5 because the screen in not working</p>
<div id="attachment_47" class="wp-caption alignnone" style="width: 360px"><img class="size-full wp-image-47" title="Acer Aspire One Screen not working - Reboot BIOS" src="http://www.leosquarez.com/wp-content/uploads/2009/11/acer_aspire_one.jpg" alt="Acer Aspire One Screen not working - Reboot BIOS" width="350" height="350" /><p class="wp-caption-text">Acer Aspire One Screen not working - Reboot BIOS</p></div>
<p>As me you&#8217;ll start to write on google:</p>
<ul>
<li>&#8220;Acer Aspire One ZG5 screen not working&#8221;</li>
<li>&#8220;Acer Aspire One ZG5 screen black&#8221;</li>
<li>&#8220;Acer Aspire One ZG5 BIOS PROBLEM&#8221;</li>
<li>&#8220;Acer Aspire One ZG5 don&#8217;t start&#8221;</li>
</ul>
<p>Like me you&#8217;ll start to read 1000 of blog, I&#8217;m posting here the only 2 that really fix my problem.</p>
<p>Before check this list you&#8217;ll need:</p>
<ul>
<li>you need a working windows computer</li>
<li>usb key</li>
<li>the lastest version of version <strong>zg5ia32.fd</strong> (<a href="http://sites.google.com/site/maclesblogspotcom/BIOS" target="_blank">click here Download</a>)</li>
</ul>
<p>Good reading:</p>
<hr />from <a href="http://macles.blogspot.com/2008/08/acer-aspire-one-bios-recovery.html" target="_blank">http://macles.blogspot.com/2008/08/acer-aspire-one-bios-recovery.html</a></p>
<p>The AA1 has a built-in BIOS recovery routine, making it possible to flash the BIOS even if the system doesn&#8217;t boot anymore. It&#8217;s only meant for emergencies and may void your warranty, so use at your own risk.</p>
<p>Follow every step carefully!</p>
<p>First format an USB stick with FAT.</p>
<p>Download the latest BIOS, and put both FLASHIT.EXE and the BIOS file in the root directory of the stick. Rename the BIOS file to ZG5IA32.FD, that&#8217;s important. Do not remove the USB stick.</p>
<p>Turn the AA1 off, make sure both battery and AC adapter are connected. Press Fn+Esc, keep it pressed and press the power button to turn the AA1 on. Release Fn+Esc after a few seconds, the power button will be blinking. Press the power button once. The AA1 will now initiate the BIOS flash, do not interrupt it under any circumstances. After a while the power button will stop blinking, and the AA1 will reboot shortly after. Wait patiently.</p>
<p>The BIOS has been flashed and all settings reset to default.</p>
<p>If for some reason you made a mistake during the procedure and it doesn&#8217;t reboot by itself wait 5 minutes before turning it off, just to be safe that it isn&#8217;t still flashing the BIOS.</p>
<hr />I found a great video that teach you how fix your Acer Aspire One ZG5, the voice is funny because is a young guy, but is very helpful:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/l6GRhsvP-og&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/l6GRhsvP-og&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=45&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/acer-aspire-one-bios-recovery-acer-aspire-one-zg5-screen-not-working/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Browser CSS Condition IF IE</title>
		<link>http://www.leosquarez.com/browser-css-condition-if-ie/</link>
		<comments>http://www.leosquarez.com/browser-css-condition-if-ie/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 07:06:44 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Condition EI6]]></category>
		<category><![CDATA[Crossing browser]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=37</guid>
		<description><![CDATA[All the web developer will agree with me saying that Internet Explorer is always the difficult browser from all the designer with.

A good web designer should test anything before resided on web with all the most recent browser (firefox safari crome opera... ect..)
and of course he should check in Internet Explorer in all the version.

While [...]]]></description>
			<content:encoded><![CDATA[<pre style="margin-right: -664px;">All the web developer will agree with me saying that Internet Explorer is always the difficult browser from all the designer with.

A good web designer should test anything before resided on web with all the most recent browser (firefox safari crome opera... ect..)
and of course he should check in Internet Explorer in all the version.

While the modern (and much better) browser like firefox, crome, safari try to let you install all the times the new version, and with new version means a version that improve but still respect the HTML and CSS reading.
IE is popular for complete different view of the page for a different version of the Browser

IE in the last few years release different version of the browser, most popular IE6, IE7 and IE8, but the are complete different each other in displaying a page.

The biggest different in the different version are stuff like:</pre>
<ul>
<li>margin and padding (especially in list like UL, OL  and DL)</li>
<li>Alignment</li>
<li>Position</li>
<li>Float</li>
</ul>
<pre style="margin-right: -664px;">So is a good trick to create a separate CSS for IE6 and most of the times for IE7 as well

to do that you just create a now css file and in the &lt;head&gt; tag specify a condition:
<pre style="margin-right: -664px;">&lt;!--[if IE]&gt;
According to the conditional comment this is Internet Explorer
&lt;![endif]--&gt;
&lt;!--[if IE 6]&gt;
According to the conditional comment this is Internet Explorer 6
&lt;![endif]--&gt;
&lt;!--[if IE 6]&gt;
According to the conditional comment this is Internet Explorer 6
&lt;![endif]--&gt;
&lt;!--[if IE 7]&gt;
According to the conditional comment this is Internet Explorer 7
&lt;![endif]--&gt;
&lt;!--[if gte IE 5]&gt;
According to the conditional comment this is Internet Explorer 5 and up
&lt;![endif]--&gt;
&lt;!--[if lt IE 8]&gt;
According to the conditional comment this is Internet Explorer lower than 8
&lt;![endif]--&gt;
&lt;!--[if lte IE 5.5]&gt;
According to the conditional comment this is Internet Explorer lower or equal to 5.5
&lt;![endif]--&gt;
&lt;!--[if gt IE 6]&gt;
According to the conditional comment this is Internet Explorer greater than 6
&lt;![endif]--&gt;</pre>
<p>Some designer check for IE5, but i believe is to small the percent how still does have this browser.</p>
<p>But how think IE 6 is not so common any more just check these data:<br />
http://www.w3schools.com/browsers/browsers_stats.asp</p>
<p><div id="attachment_39" class="wp-caption alignnone" style="width: 585px"><img class="size-full wp-image-39" title="www.w3schools.com-screen-capture-2009-11-2-18-4-8" src="http://www.leosquarez.com/wp-content/uploads/2009/11/www.w3schools.com-screen-capture-2009-11-2-18-4-8.jpg" alt="www.w3schools.com-screen-capture-2009-11-2-18-4-8" width="575" height="525" /><p class="wp-caption-text">www.w3schools.com-screen-capture-2009-11-2-18-4-8</p></div></pre>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=37&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/browser-css-condition-if-ie/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Add a link on flash file or banner</title>
		<link>http://www.leosquarez.com/add-a-link-on-flash-file-banner/</link>
		<comments>http://www.leosquarez.com/add-a-link-on-flash-file-banner/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 06:52:04 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[link]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=32</guid>
		<description><![CDATA[Add a link in your flash banner or files:

Convert your object in a button
Go to the action script editor
paste the code
on (release) {
getURL(&#8221;your-link&#8221;,&#8221;your-target&#8221;,&#8221;GET&#8221;);
}

on your-link you can add a full path like:
http://www.leosquarez.com/leosquarez-service/
or a simple:
/leosquarez-service/
if you are in the same domain.
on your-target you can specify:

&#8220;_self&#8221; &#8211; Targets the window that the movie is in (MORE COMMON)
&#8220;_new&#8221; &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>Add a link in your flash banner or files:</p>
<ul>
<li>Convert your object in a button</li>
<li>Go to the action script editor</li>
<li>paste the code<br />
on (release) {<br />
getURL(&#8221;your-link&#8221;,&#8221;your-target&#8221;,&#8221;GET&#8221;);<br />
}</li>
</ul>
<p>on<strong> your-link </strong>you can add a full path like:</p>
<p>http://www.leosquarez.com/leosquarez-service/</p>
<p>or a simple:</p>
<p>/leosquarez-service/</p>
<p>if you are in the same domain.</p>
<p>on <strong>your-target</strong> you can specify:</p>
<ul>
<li>&#8220;_self&#8221; &#8211; Targets the window that the movie is in (<em>MORE COMMON</em>)</li>
<li>&#8220;_new&#8221; &#8211; Opens url in a new window</li>
<li>&#8220;_top&#8221; &#8211; Only useful in a framset, targets the top frameset</li>
<li>&#8220;_parent&#8221; &#8211; Targets parent window in a framset</li>
</ul>
<p>So a examples could be:</p>
<p>on (release) {<br />
getURL(&#8221;my-page.php&#8221;,&#8221;_self&#8221;,&#8221;GET&#8221;);<br />
}</p>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=32&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/add-a-link-on-flash-file-banner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embed Video/Flash Z-index Issue &#8211; 2</title>
		<link>http://www.leosquarez.com/embed-videoflash-z-index-issue-2/</link>
		<comments>http://www.leosquarez.com/embed-videoflash-z-index-issue-2/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 06:14:57 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[object embed]]></category>
		<category><![CDATA[video embed]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[z-index]]></category>
		<category><![CDATA[z-index video embed ojbect]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=28</guid>
		<description><![CDATA[Alternative solution to fix the Z-index embed video or flash issue:
&#8212;&#8212;
Add this code in your head
&#60;script type=&#8221;text/javascript&#8221; src=&#8221;swfobject.js&#8221;&#62;&#60;/script&#62;
&#60;script type=&#8221;text/javascript&#8221;&#62;
swfobject.embedSWF(&#8221;URL-VIDEO&#8220;, &#8220;UNIQUE-NAME&#8220;, &#8220;WIDTH&#8220;, &#8220;HEIGHT&#8220;, &#8220;9.0.0&#8243;, false,
false,
{wmode:&#8221;opaque&#8221;,quality:&#8221;high&#8221;,bgcolor:&#8221;#000000&#8243;,salign:&#8221;tl&#8221;},
{id:&#8221;UNIQUE-NAME&#8220;,name:&#8221;UNIQUE-NAME&#8220;}
);
&#60;/script&#62;

&#8212;&#8211;

Add this in the body where you want to add the script:

&#60;div id=&#8221;UNIQUE-NAME&#8220;&#62;&#60;/div&#62;

&#8212;&#8211;

DONWLOAD THE JAVASCRIPT HERE:

Download &#8220;swfobject.js&#8221;
]]></description>
			<content:encoded><![CDATA[<p>Alternative solution to fix the Z-index embed video or flash issue:</p>
<p>&#8212;&#8212;</p>
<p>Add this code in your head<a href="http://code.google.com/p/swfobject/"></a></p>
<p>&lt;script type=&#8221;text/javascript&#8221; src=&#8221;swfobject.js&#8221;&gt;&lt;/script&gt;</p>
<div id=":79">&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
swfobject.embedSWF(&#8221;<strong>URL-VIDEO</strong>&#8220;, &#8220;<strong>UNIQUE-NAME</strong>&#8220;, &#8220;<strong>WIDTH</strong>&#8220;, &#8220;<strong>HEIGHT</strong>&#8220;, &#8220;9.0.0&#8243;, false,<br />
false,<br />
{wmode:&#8221;opaque&#8221;,quality:&#8221;high&#8221;,bgcolor:&#8221;#000000&#8243;,salign:&#8221;tl&#8221;},<br />
{id:&#8221;<strong>UNIQUE-NAME</strong>&#8220;,name:&#8221;<strong>UNIQUE-NAME</strong>&#8220;}<br />
);<br />
&lt;/script&gt;</div>
<div></div>
<div>&#8212;&#8211;</div>
<div></div>
<div>Add this in the body where you want to add the script:</div>
<div></div>
<div>&lt;div id=&#8221;<strong>UNIQUE-NAME</strong>&#8220;&gt;&lt;/div&gt;</div>
<div></div>
<div>&#8212;&#8211;</div>
<div></div>
<div>DONWLOAD THE JAVASCRIPT HERE:</div>
<div></div>
<div><a href="http://code.google.com/p/swfobject/">Download &#8220;swfobject.js&#8221;</a></div>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=28&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/embed-videoflash-z-index-issue-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embed Video/Flash Z-index Issue</title>
		<link>http://www.leosquarez.com/embed-videoflash-z-index-issue/</link>
		<comments>http://www.leosquarez.com/embed-videoflash-z-index-issue/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 06:07:42 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[object embed]]></category>
		<category><![CDATA[video embed]]></category>
		<category><![CDATA[z-index]]></category>
		<category><![CDATA[z-index video embed ojbect]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=25</guid>
		<description><![CDATA[Today i add a video in one of my client web site and i realise that the drop down menu was disappearing below the video.
The video embedding code was:
&#60;object height=&#8221;340&#8243; width=&#8221;560&#8243;&#62;
&#60;param name=&#8221;movie&#8221; value=&#8221;URL-VIDEO&#8221;&#62;
&#60;param name=&#8221;allowFullScreen&#8221; value=&#8221;true&#8221;&#62;
&#60;param name=&#8221;wmode&#8221; value=&#8221;opaque&#8221;&#62;
&#60;param name=&#8221;allowscriptaccess&#8221; value=&#8221;always&#8221;&#62;&#60;embed src=&#8221;URL-VIDEO&#8221; type=&#8221;application/x-shockwave-flash&#8221; allowscriptaccess=&#8221;always&#8221; allowfullscreen=&#8221;true&#8221; height=&#8221;WIDTH&#8221; width=&#8221;HEIGH&#8221;&#62;
&#60;/object&#62;
I realise that was a Z-INDEX issue (more info on z-index), [...]]]></description>
			<content:encoded><![CDATA[<p>Today i add a video in one of my client web site and i realise that the drop down menu was disappearing below the video.</p>
<p>The video embedding code was:</p>
<p>&lt;object height=&#8221;340&#8243; width=&#8221;560&#8243;&gt;<br />
&lt;param name=&#8221;movie&#8221; value=&#8221;URL-VIDEO&#8221;&gt;<br />
&lt;param name=&#8221;allowFullScreen&#8221; value=&#8221;true&#8221;&gt;<br />
&lt;param name=&#8221;wmode&#8221; value=&#8221;opaque&#8221;&gt;<br />
&lt;param name=&#8221;allowscriptaccess&#8221; value=&#8221;always&#8221;&gt;&lt;embed src=&#8221;URL-VIDEO&#8221; type=&#8221;application/x-shockwave-flash&#8221; allowscriptaccess=&#8221;always&#8221; allowfullscreen=&#8221;true&#8221; height=&#8221;WIDTH&#8221; width=&#8221;HEIGH&#8221;&gt;<br />
&lt;/object&gt;</p>
<p>I realise that was a Z-INDEX issue (<a title="z-index" href="http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp">more info on z-index</a>), i did check on the web for few solution.</p>
<p>First solution that i found was:</p>
<h2>SWFObject, Flash and the z-index</h2>
<p>This solution suggest to:<em><br />
</em></p>
<ul>
<li><em>Set wmode=&#8221;opaque&#8221; </em>combined with <em>positioning</em></li>
<li>Wrap the object with a div <code>with position: relative and set the object </code><code>position: absolute</code>.</li>
</ul>
<p><em>CODE</em></p>
<pre>#wrapper { position: relative; }
#overlay { position: absolute; }

-----
<pre>&lt;script type="text/javascript"&gt;

   var flashvars = {};
   var params = { <strong>wmode: "opaque"</strong> };
   var attributes = {};

   swfobject.embedSWF("video.swf", "flash", "width", "height", "7",
                      "expressinstall.swf", flashvars, params, attributes);

&lt;/script&gt;</pre>
<p>-----</p>
<pre>&lt;object id="flashcontent" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400"&gt;
   &lt;param name="movie" value="movie.swf" /&gt;
   &lt;param name="wmode" value="opaque" /&gt;

   &lt;!--[if !IE]&gt;--&gt;
   &lt;object type="application/x-shockwave-flash" data="video.swf" width="550" height="400"&gt;
   &lt;param name="wmode" value="opaque" /&gt;
   &lt;!--&lt;![endif]--&gt;

      &lt;p&gt;Please update your Flash Player&lt;/p&gt;

   &lt;!--[if !IE]&gt;--&gt;
   &lt;/object&gt;
   &lt;!--&lt;![endif]--&gt;

&lt;/object&gt;</pre>
</pre>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=25&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/embed-videoflash-z-index-issue/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
