<?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>Css Snippets &#187; blockquote</title>
	<atom:link href="http://www.csssnippets.be/tag/blockquote/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csssnippets.be</link>
	<description>Snippets for you, snippets for me</description>
	<lastBuildDate>Mon, 17 Oct 2011 08:42:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>:before &amp; :after voor blockquote</title>
		<link>http://www.csssnippets.be/2009/06/before-after-voor-blockquote/</link>
		<comments>http://www.csssnippets.be/2009/06/before-after-voor-blockquote/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 08:56:53 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[IE6]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[blockquote]]></category>
		<category><![CDATA[oplossing]]></category>
		<category><![CDATA[quotes]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://www.csssnippets.be/?p=291</guid>
		<description><![CDATA[Blockquotes zouden naar <a href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-Q" title="Quotations: The BLOCKQUOTE and Q elements" rel="nofollow">aanleiding van het W3C</a> moeten worden voorzien van " ".
Dit kan men voor de moderne browser eenvoudig via CSS bepalen door gebruik van :before &#038; :after, voor Internet Explorer 6 is er een JavaScript oplossing.]]></description>
			<content:encoded><![CDATA[<p>Blockquotes zouden naar <a href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-Q" title="Quotations: The BLOCKQUOTE and Q elements" rel="nofollow">aanleiding van het W3C</a> moeten worden voorzien van &#8221; &#8220;.<br />
Dit kan men voor de moderne browser eenvoudig via CSS bepalen door gebruik van :before &#038; :after, voor Internet Explorer 6 is er een JavaScript oplossing.</p>
<h3>HTML</h3>
<pre title="code" class="xhtml">
&lt;blockquote cite="http://www.somewebsite.com/jan"&gt;
&lt;p&gt;They went in single file, running like hounds on a strong scent,
and an eager light was in their eyes. Nearly due west the broad
swath of the marching Orcs tramped its ugly slot; the sweet grass
of Rohan had been bruised and blackened as they passed.&lt;/p&gt;
&lt;/blockquote&gt;
</pre>
<h3>CSS</h3>
<pre title="code" class="css">
blockquote:before, blockquote:after
{
  content: "";
}
</pre>
<h4>JavaScript oplossing voor IE6</h4>
<pre title="code" class="javascript">
&lt;![CDATA[
function fixIEQuotes()
{
  var objQuotes = document.getElementsByTagName('blockquote');
  var strOpen, strClose;
  for (var i=0; i&lt;objQuotes.length; i++)
  {
    if (isNested(objQuotes[i]))
    {
      // Double-quotes
      strOpen = document.createTextNode('\u2018');
      strClose = document.createTextNode('\u2019');
    }
    else
    {
      // Single-quotes
      strOpen = document.createTextNode('\u201c');
      strClose = document.createTextNode('\u201d');
    }
    // Insert quotation marks around quote
    objQuotes[i].parentNode.insertBefore(strOpen, objQuotes[i]);
    objQuotes[i].appendChild(strClose);
  }
  objQuotes = null;
}
function isNested(objElement)
{
  var objParent = objElement;
  do // Check if nested quote
  {
    objParent = objParent.parentNode;
    if (objParent.tagName &#038;&#038; objParent.tagName.toLowerCase() == 'blockquote')
      return true;
  } while (objParent.parentNode);
  return false;
}
]]&gt;
</pre>



	<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F&amp;title=%3Abefore%20%26%20%3Aafter%20voor%20blockquote&amp;annotation=Blockquotes%20zouden%20naar%20aanleiding%20van%20het%20W3C%20moeten%20worden%20voorzien%20van%20%22%20%22.%0D%0ADit%20kan%20men%20voor%20de%20moderne%20browser%20eenvoudig%20via%20CSS%20bepalen%20door%20gebruik%20van%20%3Abefore%20%26%20%3Aafter%2C%20voor%20Internet%20Explorer%206%20is%20er%20een%20JavaScript%20oplossing." class="google bookmarks" title="Google Bookmarks">Google Bookmarks</a>
	<a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F&amp;title=%3Abefore%20%26%20%3Aafter%20voor%20blockquote&amp;bodytext=Blockquotes%20zouden%20naar%20aanleiding%20van%20het%20W3C%20moeten%20worden%20voorzien%20van%20%22%20%22.%0D%0ADit%20kan%20men%20voor%20de%20moderne%20browser%20eenvoudig%20via%20CSS%20bepalen%20door%20gebruik%20van%20%3Abefore%20%26%20%3Aafter%2C%20voor%20Internet%20Explorer%206%20is%20er%20een%20JavaScript%20oplossing." class="digg" title="Digg">Digg</a>
	<a rel="nofollow" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F&amp;Title=%3Abefore%20%26%20%3Aafter%20voor%20blockquote" class="blinklist" title="BlinkList">BlinkList</a>
	<a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F" class="technorati" title="Technorati">Technorati</a>
	<a rel="nofollow" href="http://twitter.com/home?status=%3Abefore%20%26%20%3Aafter%20voor%20blockquote%20-%20http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F" class="twitter" title="Twitter">Twitter</a>
	<a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F&amp;title=%3Abefore%20%26%20%3Aafter%20voor%20blockquote&amp;notes=Blockquotes%20zouden%20naar%20aanleiding%20van%20het%20W3C%20moeten%20worden%20voorzien%20van%20%22%20%22.%0D%0ADit%20kan%20men%20voor%20de%20moderne%20browser%20eenvoudig%20via%20CSS%20bepalen%20door%20gebruik%20van%20%3Abefore%20%26%20%3Aafter%2C%20voor%20Internet%20Explorer%206%20is%20er%20een%20JavaScript%20oplossing." class="delicious" title="del.icio.us">del.icio.us</a>
	<a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F&amp;t=%3Abefore%20%26%20%3Aafter%20voor%20blockquote" class="facebook" title="Facebook">Facebook</a>
	<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fbefore-after-voor-blockquote%2F&amp;title=%3Abefore%20%26%20%3Aafter%20voor%20blockquote" class="stumbleupon" title="StumbleUpon">StumbleUpon</a>

<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.csssnippets.be/2009/06/before-after-voor-blockquote/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blockquotes stylen</title>
		<link>http://www.csssnippets.be/2009/05/blockquotes-stylen/</link>
		<comments>http://www.csssnippets.be/2009/05/blockquotes-stylen/#comments</comments>
		<pubDate>Sun, 10 May 2009 09:37:21 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[Images]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[valid]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Xhtml Strict]]></category>
		<category><![CDATA[blockquote]]></category>
		<category><![CDATA[quote]]></category>
		<category><![CDATA[stylen]]></category>

		<guid isPermaLink="false">http://www.csssnippets.be/?p=207</guid>
		<description><![CDATA[Blockquotes zijn kleine stukjes tekst uit je content die je extra wenst te laten opvallen, dus kan je maar beter zorgen dat ze echt opvallen.]]></description>
			<content:encoded><![CDATA[<p>Blockquotes zijn kleine stukjes tekst uit je content die je extra wenst te laten opvallen, dus kan je maar beter zorgen dat ze echt opvallen.</p>
<h3>HTML</h3>
<pre title="code" class="xhtml">
&lt;blockquote&gt;
  &lt;p&gt;Ik ben een blockquote en ....lorem ipsum en dat dolor gedoe er ook nog bij enzo.&lt;/p&gt;
&lt;/blockquote&gt;
</pre>
<h3>CSS</h3>
<pre title="code" class="css">
blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 400px;
  background: url(images/quote-2.gif) no-repeat right bottom;
}
blockquote p {
  background: url(images/quote-1.gif) no-repeat 0 0;
  padding-left: 32px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
</pre>



	<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F&amp;title=Blockquotes%20stylen&amp;annotation=Blockquotes%20zijn%20kleine%20stukjes%20tekst%20uit%20je%20content%20die%20je%20extra%20wenst%20te%20laten%20opvallen%2C%20dus%20kan%20je%20maar%20beter%20zorgen%20dat%20ze%20echt%20opvallen." class="google bookmarks" title="Google Bookmarks">Google Bookmarks</a>
	<a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F&amp;title=Blockquotes%20stylen&amp;bodytext=Blockquotes%20zijn%20kleine%20stukjes%20tekst%20uit%20je%20content%20die%20je%20extra%20wenst%20te%20laten%20opvallen%2C%20dus%20kan%20je%20maar%20beter%20zorgen%20dat%20ze%20echt%20opvallen." class="digg" title="Digg">Digg</a>
	<a rel="nofollow" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F&amp;Title=Blockquotes%20stylen" class="blinklist" title="BlinkList">BlinkList</a>
	<a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F" class="technorati" title="Technorati">Technorati</a>
	<a rel="nofollow" href="http://twitter.com/home?status=Blockquotes%20stylen%20-%20http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F" class="twitter" title="Twitter">Twitter</a>
	<a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F&amp;title=Blockquotes%20stylen&amp;notes=Blockquotes%20zijn%20kleine%20stukjes%20tekst%20uit%20je%20content%20die%20je%20extra%20wenst%20te%20laten%20opvallen%2C%20dus%20kan%20je%20maar%20beter%20zorgen%20dat%20ze%20echt%20opvallen." class="delicious" title="del.icio.us">del.icio.us</a>
	<a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F&amp;t=Blockquotes%20stylen" class="facebook" title="Facebook">Facebook</a>
	<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F05%2Fblockquotes-stylen%2F&amp;title=Blockquotes%20stylen" class="stumbleupon" title="StumbleUpon">StumbleUpon</a>

<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.csssnippets.be/2009/05/blockquotes-stylen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

