<?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; kaart</title>
	<atom:link href="http://www.csssnippets.be/tag/kaart/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>Menu kaart met CSS</title>
		<link>http://www.csssnippets.be/2009/06/menu-kaart-met-css/</link>
		<comments>http://www.csssnippets.be/2009/06/menu-kaart-met-css/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 07:58:50 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[crossbrowser]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[tekst]]></category>
		<category><![CDATA[Xhtml Strict]]></category>
		<category><![CDATA[kaart]]></category>
		<category><![CDATA[lijst]]></category>
		<category><![CDATA[list]]></category>

		<guid isPermaLink="false">http://www.csssnippets.be/?p=285</guid>
		<description><![CDATA[Een menu kaart (<em>spreek: restaurant</em>) stylen.

<img src="http://www.csssnippets.be/wp-content/2009/06/menukaart-150x150.gif" alt="menukaart" title="menukaart" width="150" height="150" class="alignnone size-thumbnail wp-image-286" />]]></description>
			<content:encoded><![CDATA[<p>Een menu kaart (<em>spreek: restaurant</em>) stylen.</p>
<p><img src="http://www.csssnippets.be/wp-content/2009/06/menukaart.gif" alt="menukaart" title="menukaart" width="400" height="277" class="alignnone size-full wp-image-286" /></p>
<h3>HTML</h3>
<pre title="code" class="xhtml">
&lt;h2&gt;Rates&lt;/h2&gt;
&lt;ul class="menu"&gt;
	&lt;li&gt;
		&lt;strong&gt;WordPress Coding&lt;/strong&gt;
		&lt;em&gt;100&lt;sup&gt;95&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;CSS Design&lt;/strong&gt;
		&lt;em&gt;250&lt;sup&gt;95&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;Support IE6 (extra)&lt;/strong&gt;
		&lt;em&gt;500&lt;sup&gt;95&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Services&lt;/h2&gt;
&lt;ul class="menu style2"&gt;
	&lt;li&gt;
		&lt;strong&gt;PhotoShop&lt;/strong&gt;
		&lt;em&gt;50&lt;sup&gt;00&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;Illustrator&lt;/strong&gt;
		&lt;em&gt;75&lt;sup&gt;00&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;Flash&lt;/strong&gt;
		&lt;em&gt;60&lt;sup&gt;00&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Sushi&lt;/h2&gt;
&lt;ul class="menu style3"&gt;
	&lt;li&gt;
		&lt;strong&gt;Spicy Hand Roll&lt;/strong&gt;
		&lt;em&gt;29&lt;sup&gt;99&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;Salmon Roll&lt;/strong&gt;
		&lt;em&gt;20&lt;sup&gt;95&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;Fire Dragon&lt;/strong&gt;
		&lt;em&gt;69&lt;sup&gt;95&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Sashimi&lt;/h2&gt;
&lt;ul class="menu style4"&gt;
	&lt;li&gt;
		&lt;strong&gt;Tuna&lt;/strong&gt;
		&lt;em&gt;2&lt;sup&gt;00&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;Salmon&lt;/strong&gt;
		&lt;em&gt;3&lt;sup&gt;50&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
	&lt;li&gt;
		&lt;strong&gt;White Fish&lt;/strong&gt;
		&lt;em&gt;4&lt;sup&gt;60&lt;/sup&gt;&lt;/em&gt;
	&lt;/li&gt;
&lt;/ul&gt;
</pre>
<h3>CSS</h3>
<pre title="code" class="css">
body {
background: #fff;
font: 80%/160% Arial, Helvetica, sans-serif;
padding: 0;
margin: 20px 40px;
}
a {
color: #999;
}
h2 {
font: bold 320%/100% Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}
.menu {
width: 500px;
list-style: none;
margin: 0 0 2em;
padding: 0;
font: 150%/100% Arial, Helvetica, sans-serif;
}
.menu li {
clear: both;
margin: 0;
padding: 0 0 1.8em 0;
position: relative;
border-bottom: dotted 2px #999;
}
.menu strong {
background: #fff;
padding: 0 10px 0 0;
font-weight: normal;
position: absolute;
bottom: -0.3em;
left: 0;
}
.menu em {
background: #fff;
padding: 0 0 0 5px;
font: 110%/100% Georgia, "Times New Roman", Times, serif;
position: absolute;
bottom: -.2em;
right: 0;
}
.menu sup {
font-size: 60%;
color: #666;
margin-left: 3px;
}
.style2 li {
border-bottom: dashed 1px #000;
}
.style3 li {
background: url(images/sub.gif) repeat-x left bottom;
border: none;
}
.style4 li {
padding: 0 0 2.3em 0;
border-bottom: dotted 2px #999;
}
.credits {
color: #999;
font: 100% 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%2F06%2Fmenu-kaart-met-css%2F&amp;title=Menu%20kaart%20met%20CSS&amp;annotation=Een%20menu%20kaart%20%28spreek%3A%20restaurant%29%20stylen.%0D%0A%0D%0A" 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%2Fmenu-kaart-met-css%2F&amp;title=Menu%20kaart%20met%20CSS&amp;bodytext=Een%20menu%20kaart%20%28spreek%3A%20restaurant%29%20stylen.%0D%0A%0D%0A" 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%2Fmenu-kaart-met-css%2F&amp;Title=Menu%20kaart%20met%20CSS" class="blinklist" title="BlinkList">BlinkList</a>
	<a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fmenu-kaart-met-css%2F" class="technorati" title="Technorati">Technorati</a>
	<a rel="nofollow" href="http://twitter.com/home?status=Menu%20kaart%20met%20CSS%20-%20http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fmenu-kaart-met-css%2F" class="twitter" title="Twitter">Twitter</a>
	<a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fmenu-kaart-met-css%2F&amp;title=Menu%20kaart%20met%20CSS&amp;notes=Een%20menu%20kaart%20%28spreek%3A%20restaurant%29%20stylen.%0D%0A%0D%0A" 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%2Fmenu-kaart-met-css%2F&amp;t=Menu%20kaart%20met%20CSS" class="facebook" title="Facebook">Facebook</a>
	<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F06%2Fmenu-kaart-met-css%2F&amp;title=Menu%20kaart%20met%20CSS" class="stumbleupon" title="StumbleUpon">StumbleUpon</a>

<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.csssnippets.be/2009/06/menu-kaart-met-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

