<?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 &#187; Web Development</title>
	<atom:link href="http://www.leosquarez.com/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.leosquarez.com</link>
	<description>Website Design and Development</description>
	<lastBuildDate>Wed, 17 Aug 2011 03:59:34 +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>How target CSS for IE6 IE7 and IE8</title>
		<link>http://www.leosquarez.com/how-target-css-for-ie6-ie7-and-ie8/</link>
		<comments>http://www.leosquarez.com/how-target-css-for-ie6-ie7-and-ie8/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 22:55:30 +0000</pubDate>
		<dc:creator>leosquarez</dc:creator>
				<category><![CDATA[Condition EI6]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[IE8]]></category>

		<guid isPermaLink="false">http://www.leosquarez.com/?p=183</guid>
		<description><![CDATA[To target in a css style just Internet Explorer 6 or 7 or 8 there are a few methods that you can use:
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}
Or simply if you need to [...]]]></description>
			<content:encoded><![CDATA[<p>To target in a css style just Internet Explorer 6 or 7 or 8 there are a few methods that you can use:</p>
<blockquote><p>body {<br />
color: red; /* all browsers, of course */<br />
color : green\9; /* IE8 and below */<br />
*color : yellow; /* IE7 and below */<br />
_color : orange; /* IE6 */<br />
}</p></blockquote>
<p>Or simply if you need to target a specific style with out creating a new css file:</p>
<p>For IE7: <strong>*+</strong>html CSSproperty</p>
<p>For IE6: <strong>* </strong>html CSSproperty</p>
<p><a href="http://www.leosquarez.com/wp-content/uploads/2010/08/ie6-voodoo-doll.jpg"><img class="alignnone size-medium wp-image-184" title="internet exploer" src="http://www.leosquarez.com/wp-content/uploads/2010/08/ie6-voodoo-doll-300x238.jpg" alt="internet exploer" width="300" height="238" /></a></p>
<p>Some good link:</p>
<ul>
<li>Get you OS and Browser and apply a different style<br />
http://rafael.adm.br/css_browser_selector/</li>
<li>How to Target IE6, IE7, and IE8 Uniquely with 4 Characters<br />
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/comment-page-1/#comments</li>
</ul>
<img src="http://www.leosquarez.com/?ak_action=api_record_view&id=183&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.leosquarez.com/how-target-css-for-ie6-ie7-and-ie8/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<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>1</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>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>20</slash:comments>
		</item>
	</channel>
</rss>

