<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments for Freelance Web Designer</title>
	<atom:link href="http://vhg-design.com/blog/comments/feed" rel="self" type="application/rss+xml" />
	<link>http://vhg-design.com/blog</link>
	<description>Just another blog for design, css, html ... and probably something else</description>
	<lastBuildDate>Tue, 02 Aug 2011 08:47:25 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<item>
		<title>Comment on White border inside input button in IE by Tom</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-5071</link>
		<dc:creator>Tom</dc:creator>
		<pubDate>Tue, 02 Aug 2011 08:47:25 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-5071</guid>
		<description>@Paul Quinn: Why bother ?

In browsers able to understand CSS normally, just define your background picture (radient or whatever) with a 1px border, as you always do :

input[type=&quot;submit&quot;] {
  background: url(&quot;img/button.jpg&quot;) repeat-x;
  border: 1px solid #3B3B3B;
}

We know that if we leave it this way, IE7 will add an extra 1px coloured by the background color, which defaults to white. If we remove our own border, it will remove that extra pixel. So let&#039;s think :

/** This is applied to IE7 only, with conditionnal comments **/
input[type=&quot;submit&quot;] {
  background-color: #3B3B3B; /** the color of our original border **/
  border: 1px solid transparent; /** we have a border, so the extra pixel will stay, and the border is invisible **/
}

You&#039;re welcome.</description>
		<content:encoded><![CDATA[<p>@Paul Quinn: Why bother ?</p>
<p>In browsers able to understand CSS normally, just define your background picture (radient or whatever) with a 1px border, as you always do :</p>
<p>input[type="submit"] {<br />
  background: url(&#8220;img/button.jpg&#8221;) repeat-x;<br />
  border: 1px solid #3B3B3B;<br />
}</p>
<p>We know that if we leave it this way, IE7 will add an extra 1px coloured by the background color, which defaults to white. If we remove our own border, it will remove that extra pixel. So let&#8217;s think :</p>
<p>/** This is applied to IE7 only, with conditionnal comments **/<br />
input[type="submit"] {<br />
  background-color: #3B3B3B; /** the color of our original border **/<br />
  border: 1px solid transparent; /** we have a border, so the extra pixel will stay, and the border is invisible **/<br />
}</p>
<p>You&#8217;re welcome.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on White border inside input button in IE by Ganesh</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-4991</link>
		<dc:creator>Ganesh</dc:creator>
		<pubDate>Wed, 27 Jul 2011 07:52:46 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-4991</guid>
		<description>Thats a lot. It worked.</description>
		<content:encoded><![CDATA[<p>Thats a lot. It worked.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on White border inside input button in IE by Shekhar</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-4044</link>
		<dc:creator>Shekhar</dc:creator>
		<pubDate>Mon, 20 Jun 2011 09:57:46 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-4044</guid>
		<description>Yes ! yes!!, you saved my life. It works dude :)</description>
		<content:encoded><![CDATA[<p>Yes ! yes!!, you saved my life. It works dude <img src='/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on White border inside input button in IE by Paul Quinn</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-3797</link>
		<dc:creator>Paul Quinn</dc:creator>
		<pubDate>Mon, 06 Jun 2011 10:34:12 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-3797</guid>
		<description>Hello,
For the gradient image guys here is a workaround (again this may not work if container div of buttons has gradient):
Apply a seperate stylesheet for the relevant IE&#039;s then give the border the colour of the outer region the same colour as the div it is contained in (my central column background colour is white), then using the solution above give the background colour your border colour.
Hope it helps
Kind regards</description>
		<content:encoded><![CDATA[<p>Hello,<br />
For the gradient image guys here is a workaround (again this may not work if container div of buttons has gradient):<br />
Apply a seperate stylesheet for the relevant IE&#8217;s then give the border the colour of the outer region the same colour as the div it is contained in (my central column background colour is white), then using the solution above give the background colour your border colour.<br />
Hope it helps<br />
Kind regards</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on White border inside input button in IE by andres</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-2525</link>
		<dc:creator>andres</dc:creator>
		<pubDate>Wed, 23 Feb 2011 17:37:39 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-2525</guid>
		<description>GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS</description>
		<content:encoded><![CDATA[<p>GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on White border inside input button in IE by lukatsch</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-1733</link>
		<dc:creator>lukatsch</dc:creator>
		<pubDate>Tue, 25 Jan 2011 13:46:28 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-1733</guid>
		<description>Thank you very much!! :) Found it very hard to find a &quot;solution&quot; until I found this :)</description>
		<content:encoded><![CDATA[<p>Thank you very much!! <img src='/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Found it very hard to find a &#8220;solution&#8221; until I found this <img src='/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on Free icons by deviantart users by Scuba guru</title>
		<link>http://vhg-design.com/blog/freebies/free-icons-from-deviantart-users/comment-page-1#comment-180</link>
		<dc:creator>Scuba guru</dc:creator>
		<pubDate>Thu, 25 Mar 2010 12:06:32 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=60#comment-180</guid>
		<description>Wow,  good set of Icons. Thanks for this collection</description>
		<content:encoded><![CDATA[<p>Wow,  good set of Icons. Thanks for this collection</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on Negative letter-spacing by keusta</title>
		<link>http://vhg-design.com/blog/css/negative-letter-spacing/comment-page-1#comment-162</link>
		<dc:creator>keusta</dc:creator>
		<pubDate>Mon, 22 Feb 2010 16:12:54 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=92#comment-162</guid>
		<description>Fonts suck with the web, not only letter spacing, we need a native way to embed specific font, without usage of plugin or hack, with anti aliasing, with correct césure and justification like with Xpress or Indesign !!!!
The w3c is sleeping, Text is the first important element of a webpage and we are working with old fu***** tools and have to compare each version of browser !!!</description>
		<content:encoded><![CDATA[<p>Fonts suck with the web, not only letter spacing, we need a native way to embed specific font, without usage of plugin or hack, with anti aliasing, with correct césure and justification like with Xpress or Indesign !!!!<br />
The w3c is sleeping, Text is the first important element of a webpage and we are working with old fu***** tools and have to compare each version of browser !!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on Negative letter-spacing by Eva Gustafsson</title>
		<link>http://vhg-design.com/blog/css/negative-letter-spacing/comment-page-1#comment-151</link>
		<dc:creator>Eva Gustafsson</dc:creator>
		<pubDate>Sat, 23 Jan 2010 13:10:36 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=92#comment-151</guid>
		<description>Thank you for posting the Negative Letter letter-spacing, saved me allot of time.</description>
		<content:encoded><![CDATA[<p>Thank you for posting the Negative Letter letter-spacing, saved me allot of time.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Comment on White border inside input button in IE by Annie</title>
		<link>http://vhg-design.com/blog/css/white-border-inside-input-button-in-ie/comment-page-1#comment-86</link>
		<dc:creator>Annie</dc:creator>
		<pubDate>Wed, 09 Dec 2009 00:41:17 +0000</pubDate>
		<guid isPermaLink="false">http://vhg-design.com/blog/?p=79#comment-86</guid>
		<description>Nice post, thanks much for sharing.</description>
		<content:encoded><![CDATA[<p>Nice post, thanks much for sharing.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

