<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>hasan&#039;s blog (বল্গ) &#187; CSS</title>
	<atom:link href="http://we4tech.wordpress.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://we4tech.wordpress.com</link>
	<description>work for fun!!!</description>
	<lastBuildDate>Wed, 25 Jan 2012 11:56:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='we4tech.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://1.gravatar.com/blavatar/77f5f3e5f84d83c83da12540728f5cb3?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>hasan&#039;s blog (বল্গ) &#187; CSS</title>
		<link>http://we4tech.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://we4tech.wordpress.com/osd.xml" title="hasan&#039;s blog (বল্গ)" />
	<atom:link rel='hub' href='http://we4tech.wordpress.com/?pushpress=hub'/>
		<item>
		<title>&#8220;..Designing on a Dime: 100 Freebie CSS Resources..&#8221;</title>
		<link>http://we4tech.wordpress.com/2007/06/05/designing-on-a-dime-100-freebie-css-resources/</link>
		<comments>http://we4tech.wordpress.com/2007/06/05/designing-on-a-dime-100-freebie-css-resources/#comments</comments>
		<pubDate>Tue, 05 Jun 2007 05:09:55 +0000</pubDate>
		<dc:creator>nhm tanveer hossain khan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://hasan.we4tech.com/designing-on-a-dime-100-freebie-css-resources</guid>
		<description><![CDATA[recently has published a nice collection of CSS resource. here you go - http://www.softwaredeveloper.com/features/designing-on-a-dime-060407/ here what they said on first couple of lines - Do you want a spiffy Web site design, but lack the means or knowledge to get it? No problem, brush up on CSS and get that site you want with our &#8230; <a href="http://we4tech.wordpress.com/2007/06/05/designing-on-a-dime-100-freebie-css-resources/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=335&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>recently <img title="softwaredeveloper.com" alt="softwaredeveloper.com" src="http://www.softwaredeveloper.com/images/softwaredev_logo.gif" /> has published a nice collection of CSS resource. here you go -<br />
<a href="http://www.softwaredeveloper.com/images/softwaredev_logo.gif">http://www.softwaredeveloper.com/features/designing-on-a-dime-060407/</a></p>
<p>here what they said on first couple of lines -</p>
<blockquote>
<h3>Do you want a spiffy Web site design, but lack the means or knowledge to get it? No problem, brush up on CSS and get that site you want with our freebie guide!</h3>
</blockquote>
<p>the nice thing is, they have separated their content in several groups, i.e. tutorials, tools, code libraries, browser bugs, galleries, templates, articles etc&#8230;</p>
<p>i think if you late you will really miss a list of useful resources.</p>
<p>best wishes,
</p>
<p><!--99636f36daa2edd5837e1117f841938e--></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/we4tech.wordpress.com/335/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/we4tech.wordpress.com/335/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/we4tech.wordpress.com/335/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/we4tech.wordpress.com/335/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/we4tech.wordpress.com/335/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/we4tech.wordpress.com/335/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/we4tech.wordpress.com/335/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/we4tech.wordpress.com/335/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/we4tech.wordpress.com/335/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/we4tech.wordpress.com/335/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=335&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://we4tech.wordpress.com/2007/06/05/designing-on-a-dime-100-freebie-css-resources/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4bb774de244da2d6e7f39a189b905077?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">hasan</media:title>
		</media:content>

		<media:content url="http://www.softwaredeveloper.com/images/softwaredev_logo.gif" medium="image">
			<media:title type="html">softwaredeveloper.com</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Hack only for IE 6</title>
		<link>http://we4tech.wordpress.com/2007/05/31/css-hack-only-for-ie-6/</link>
		<comments>http://we4tech.wordpress.com/2007/05/31/css-hack-only-for-ie-6/#comments</comments>
		<pubDate>Thu, 31 May 2007 08:51:09 +0000</pubDate>
		<dc:creator>nhm tanveer hossain khan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Introduction]]></category>

		<guid isPermaLink="false">http://hasan.we4tech.com/css-hack-only-for-ie-6</guid>
		<description><![CDATA[these days we got many browsers, sometime i feel if i were a king of the world i would love to eliminate all extra browsers. anyway, our designer bro (_ryan) and me were struggling to figure out some IE 6 specific hack. which won&#8217;t affect IE 7.x or other browsers. we tried applying &#8220;@&#8221; prefix &#8230; <a href="http://we4tech.wordpress.com/2007/05/31/css-hack-only-for-ie-6/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=332&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>these days we got many browsers, sometime i feel if i were a king of the world i would love to eliminate all extra browsers. anyway, our designer bro (_ryan) and me were struggling to figure out some IE 6 specific hack. which won&#8217;t affect IE 7.x or other browsers.</p>
<p>we tried applying &#8220;@&#8221; prefix hack, <u>for example: @width,</u> but it worked on <strong><em>IE 6 and 7</em></strong>. so later we tried the old style <u>&#8220;/* \*/&#8221;</u> comment hack, exactly the same problem.</p>
<p>so suddenly our designer bhai (ryan), got a nice hack, it was <strong>&#8220;_&#8221;</strong>. for example: <em><strong>&#8220;_width: 22px&#8221;</strong></em>.</p>
<p>surprisingly it worked Wow on IE 6 without affecting IE 7 or other browsers. thanks allah, at least we found something that is working.</p>
<p>this blog is for those who are stucking with such problem.</p>
<p>best wishes,<!--d90e18def8b6a732524f29d75c953a00--></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/we4tech.wordpress.com/332/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/we4tech.wordpress.com/332/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/we4tech.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/we4tech.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/we4tech.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/we4tech.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/we4tech.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/we4tech.wordpress.com/332/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/we4tech.wordpress.com/332/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/we4tech.wordpress.com/332/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=332&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://we4tech.wordpress.com/2007/05/31/css-hack-only-for-ie-6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4bb774de244da2d6e7f39a189b905077?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">hasan</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS Stuff: Margin, padding etc&#8230;</title>
		<link>http://we4tech.wordpress.com/2007/02/07/css-stuff-margin-padding-etc/</link>
		<comments>http://we4tech.wordpress.com/2007/02/07/css-stuff-margin-padding-etc/#comments</comments>
		<pubDate>Tue, 06 Feb 2007 20:39:06 +0000</pubDate>
		<dc:creator>nhm tanveer hossain khan</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://hasan.we4tech.com/css-stuff-margin-padding-etc</guid>
		<description><![CDATA[hi, if you already have CSS, HTML knowledge, i am not writing for you today&#8230; sorry dude, i will come up with more technical stuff for you just keep roaming. this blog is concentrating a very simple problem of understanding &#8220;Margin, and Padding&#8221; stuff. i think my intended readers are very new on CSS. need &#8230; <a href="http://we4tech.wordpress.com/2007/02/07/css-stuff-margin-padding-etc/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=312&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>hi,</p>
<p>if you already have CSS, HTML knowledge, i am not writing for you today&#8230; sorry dude, i will come up with more technical stuff for you <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  just keep roaming.<br />
this blog is concentrating a very simple problem of understanding &#8220;Margin, and Padding&#8221; stuff. i think my intended readers are very new on CSS. need few basic understanding of what is called &#8220;margin&#8221; and &#8220;padding&#8221; in context of &#8220;CSS&#8221;.</p>
<p>here i have attached my picture&#8230;? let me know do you need more explanation ?? :p (very short right&#8230;!!!)</p>
<div class="preview"><a class="imagelink" title="padding-margin.jpg" href="http://hasan.we4tech.com/wp-content/uploads/2007/02/padding-margin.jpg"><img width="402" height="323" alt="padding-margin.jpg" src="http://hasan.we4tech.com/wp-content/uploads/2007/02/padding-margin.jpg" /></a> <em>Illustrated how padding and margin works</em></div>
<p>best wishes&#8230; <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/we4tech.wordpress.com/312/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/we4tech.wordpress.com/312/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/we4tech.wordpress.com/312/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/we4tech.wordpress.com/312/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/we4tech.wordpress.com/312/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/we4tech.wordpress.com/312/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/we4tech.wordpress.com/312/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/we4tech.wordpress.com/312/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/we4tech.wordpress.com/312/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/we4tech.wordpress.com/312/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=312&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://we4tech.wordpress.com/2007/02/07/css-stuff-margin-padding-etc/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4bb774de244da2d6e7f39a189b905077?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">hasan</media:title>
		</media:content>

		<media:content url="http://hasan.we4tech.com/wp-content/uploads/2007/02/padding-margin.jpg" medium="image">
			<media:title type="html">padding-margin.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>Kudos hasin bhai</title>
		<link>http://we4tech.wordpress.com/2006/09/01/kudos-hasin-bhai/</link>
		<comments>http://we4tech.wordpress.com/2006/09/01/kudos-hasin-bhai/#comments</comments>
		<pubDate>Fri, 01 Sep 2006 05:39:15 +0000</pubDate>
		<dc:creator>nhm tanveer hossain khan</dc:creator>
				<category><![CDATA[bug]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://hasan.we4tech.com/kudos-hasin-bhai</guid>
		<description><![CDATA[I was stuck with few CSS related bugs, which were related only with M$ IE. Credits goes to  hasin bhai who resolved those M$ IE related bugs. Scenario 1: Everything was loading fine on most of the browsers except IE 6, it was not render the &#60;h2/&#62; background, which was placed inside a div. i.e: &#8230; <a href="http://we4tech.wordpress.com/2006/09/01/kudos-hasin-bhai/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=128&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I was stuck with few CSS related bugs, which were related only with M$ IE.</p>
<p><em>Credits goes to  <a href="http://hasin.wordpress.com">hasin bhai</a> who resolved those M$ IE related bugs.</em></p>
<p><strong>Scenario 1:</strong></p>
<blockquote>
<p class="MsoNormal">Everything was loading fine on most of the browsers except IE 6, it was not render the &lt;h2/&gt; background, which was placed inside a div.<br />
i.e: &lt;div&gt;&lt;h2&gt;title&lt;/h2&gt;&lt;p&gt;some content&lt;/p&gt;&lt;/div&gt;
</p>
</blockquote>
<blockquote><p>
<strong>Solution:<em> </em></strong><em>use (position: relative)</em>
</p></blockquote>
<p><strong>Scenario: 2</strong></p>
<blockquote><p>
Rectangle border was not rendering properly on IE.<br />
i.e: &lt;div class=”borderDiv”&gt;some content, contains lot of floating div as well&lt;/div&gt;</p>
<p><strong>Solution:</strong> <em>use (background: #fff);</em>
</p></blockquote>
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal"><!--087efdc8b10db73092205adf36bc03e2--></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/we4tech.wordpress.com/128/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/we4tech.wordpress.com/128/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/we4tech.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/we4tech.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/we4tech.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/we4tech.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/we4tech.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/we4tech.wordpress.com/128/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/we4tech.wordpress.com/128/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/we4tech.wordpress.com/128/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=128&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://we4tech.wordpress.com/2006/09/01/kudos-hasin-bhai/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4bb774de244da2d6e7f39a189b905077?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">hasan</media:title>
		</media:content>
	</item>
		<item>
		<title>Customize HTML file field</title>
		<link>http://we4tech.wordpress.com/2006/08/21/customize-html-file-field/</link>
		<comments>http://we4tech.wordpress.com/2006/08/21/customize-html-file-field/#comments</comments>
		<pubDate>Mon, 21 Aug 2006 03:48:39 +0000</pubDate>
		<dc:creator>nhm tanveer hossain khan</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://somewhereindhaka.net/hasan_blog/customize-html-file-field</guid>
		<description><![CDATA[Hi, as we know html file field is unchangeable. you can change border style but you can&#8217;t use a button instead of traditional style. recently i have introduced an article which clearly illustrated several examples. though you can read it from here i am also giving my code snap. here is live example: customized_file_field.html &#60;html&#62; &#8230; <a href="http://we4tech.wordpress.com/2006/08/21/customize-html-file-field/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=119&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Hi,</p>
<p>as we know html file field is unchangeable. you can change border style but you can&#8217;t use a button instead of traditional style.</p>
<p>recently i have introduced <a title="quirksmode.org/dom/inputfile.html" target="_blank" href="http://quirksmode.org/dom/inputfile.html">an article </a> which clearly illustrated several examples.</p>
<p>though you can read it from <a href="http://quirksmode.org/dom/inputfile.html">here</a>  i am also giving my code snap.</p>
<blockquote><p>here is live example:  <a id="p130" title="customized file field" href="http://somewhereindhaka.net/hasan_blog/wp-content/uploads/2006/08/customized_file_field.html">customized_file_field.html</a></p></blockquote>
<blockquote>
<pre /></blockquote>
<blockquote><p>&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;style type="text/css"&gt;<br />
.file {<br />
position: relative;<br />
-moz-opacity:0;<br />
filter:alpha(opacity: 0);<br />
opacity: 0;<br />
z-index: 2;<br />
left: -160px;<br />
}<br />
.fake {<br />
position: absolute;<br />
top: 0px;<br />
left: 0px;<br />
z-index: 1;<br />
}<br />
&lt;/style&gt;</p>
<p>&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;form action="null" style="position: relative;"&gt;<br />
&lt;input type="file" name="file" class="file" id="upload-file" /&gt;<br />
&lt;div class="fake"&gt;<br />
&lt;input type="button" value="upload" /&gt;<br />
&lt;input type="submit" value="submit" /&gt;<br />
&lt;/div&gt;<br />
&lt;/form&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p></blockquote>
<p><a id="p130" title="customized_file_field" href="http://somewhereindhaka.net/hasan_blog/customized_file_field.html" /></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/we4tech.wordpress.com/119/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/we4tech.wordpress.com/119/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/we4tech.wordpress.com/119/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/we4tech.wordpress.com/119/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/we4tech.wordpress.com/119/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/we4tech.wordpress.com/119/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/we4tech.wordpress.com/119/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/we4tech.wordpress.com/119/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/we4tech.wordpress.com/119/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/we4tech.wordpress.com/119/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=we4tech.wordpress.com&amp;blog=537526&amp;post=119&amp;subd=we4tech&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://we4tech.wordpress.com/2006/08/21/customize-html-file-field/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4bb774de244da2d6e7f39a189b905077?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">hasan</media:title>
		</media:content>
	</item>
	</channel>
</rss>
