<?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>Thronic.com &#187; CSS</title>
	<atom:link href="http://thronic.com/category/development/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://thronic.com</link>
	<description>Personal Computing and Development by Dag J. Nedrelid</description>
	<lastBuildDate>Wed, 28 Apr 2010 12:21:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>DHTML Flyout Menus</title>
		<link>http://thronic.com/2009/development/dhtml-flyout-menus/</link>
		<comments>http://thronic.com/2009/development/dhtml-flyout-menus/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 15:16:54 +0000</pubDate>
		<dc:creator>Dag Jonny Nedrelid</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://thronic.com/?p=140</guid>
		<description><![CDATA[A script I made ages ago for all my DHTML flyout menu needs. It utilizes csshover.htc which you can read more about here. Easy to implement on any web site and useful as an example on how to use the csshover.htc to create your own dynamic HTML menus.

You can try out the script here, and/or [...]]]></description>
			<content:encoded><![CDATA[<p>A script I made ages ago for all my DHTML flyout menu needs. It utilizes csshover.htc which you can read more about <a href="http://www.xs4all.nl/~peterned/csshover.html" target="_blank">here</a>. Easy to implement on any web site and useful as an example on how to use the csshover.htc to create your own dynamic HTML menus.</p>
<p><span id="more-140"></span></p>
<p>You can try out the script <a href="/pubfiles/DHTML-Menu/Menu.html" target="_blank">here</a>, and/or download it <a href="/pubfiles/DHTML-Menu/DHTML_Menu.zip">here</a>.</p>
<p>Illustrational images:<br />

<a href='http://thronic.com/2009/development/dhtml-flyout-menus/attachment/dhtml_menu_1/' title='Horizontal flyout menu'><img width="150" height="150" src="http://thronic.com/wp-content/uploads/2009/06/dhtml_menu_1-150x150.gif" class="attachment-thumbnail" alt="" title="Horizontal flyout menu" /></a>
<a href='http://thronic.com/2009/development/dhtml-flyout-menus/attachment/dhtml_menu_2/' title='Vertical flyout menu'><img width="150" height="150" src="http://thronic.com/wp-content/uploads/2009/06/dhtml_menu_2-150x150.gif" class="attachment-thumbnail" alt="" title="Vertical flyout menu" /></a>
<a href='http://thronic.com/2009/development/dhtml-flyout-menus/attachment/dhtml_menu_3/' title='Simplistic menu HTML'><img width="150" height="150" src="http://thronic.com/wp-content/uploads/2009/06/dhtml_menu_3-150x150.gif" class="attachment-thumbnail" alt="" title="Simplistic menu HTML" /></a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://thronic.com/2009/development/dhtml-flyout-menus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS border styles</title>
		<link>http://thronic.com/2008/development/css/css-border-styles/</link>
		<comments>http://thronic.com/2008/development/css/css-border-styles/#comments</comments>
		<pubDate>Tue, 18 Nov 2008 09:26:50 +0000</pubDate>
		<dc:creator>Dag Jonny Nedrelid</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://thronic.com/?p=67</guid>
		<description><![CDATA[Just a short handy reminder on how certain borders look.

Below are a few illustrations of how the different borders available with cascading style sheets look. The thickness is set to 2 pixels.
Solid
Ridge
Outset
Inset
Groove
Dotted
Dashed
-
Source:
&#60;div style="border-bottom:2px solid #000000"&#62;Solid&#60;/div&#62;&#60;br /&#62;
&#60;div style="border-bottom:2px ridge #000000"&#62;Ridge&#60;/div&#62;&#60;br /&#62;
&#60;div style="border-bottom:2px outset #000000"&#62;Outset&#60;/div&#62;&#60;br /&#62;
&#60;div style="border-bottom:2px inset #000000"&#62;Inset&#60;/div&#62;&#60;br /&#62;
&#60;div style="border-bottom:2px groove #000000"&#62;Groove&#60;/div&#62;&#60;br /&#62;
&#60;div style="border-bottom:2px dotted #000000"&#62;Dotted&#60;/div&#62;&#60;br [...]]]></description>
			<content:encoded><![CDATA[<p style="font-weight: bold;">Just a short handy reminder on how certain borders look.</p>
<p><span id="more-67"></span></p>
<p>Below are a few illustrations of how the different borders available with cascading style sheets look. The thickness is set to 2 pixels.</p>
<div style="border-bottom: 2px solid #000000;">Solid</div>
<div style="border-bottom: 2px ridge #000000;">Ridge</div>
<div style="border-bottom: 2px outset #000000;">Outset</div>
<div style="border-bottom: 2px inset #000000;">Inset</div>
<div style="border-bottom: 2px groove #000000;">Groove</div>
<div style="border-bottom: 2px dotted #000000;">Dotted</div>
<div style="border-bottom: 2px dashed #000000;">Dashed</div>
<p><span style="color: #ffffff;">-</span></p>
<p>Source:</p>
<blockquote><p><code>&lt;div style="border-bottom:2px solid #000000"&gt;Solid&lt;/div&gt;&lt;br /&gt;<br />
&lt;div style="border-bottom:2px ridge #000000"&gt;Ridge&lt;/div&gt;&lt;br /&gt;<br />
&lt;div style="border-bottom:2px outset #000000"&gt;Outset&lt;/div&gt;&lt;br /&gt;<br />
&lt;div style="border-bottom:2px inset #000000"&gt;Inset&lt;/div&gt;&lt;br /&gt;<br />
&lt;div style="border-bottom:2px groove #000000"&gt;Groove&lt;/div&gt;&lt;br /&gt;<br />
&lt;div style="border-bottom:2px dotted #000000"&gt;Dotted&lt;/div&gt;&lt;br /&gt;<br />
&lt;div style="border-bottom:2px dashed #000000"&gt;Dashed&lt;/div&gt;&lt;br /&gt;</code></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://thronic.com/2008/development/css/css-border-styles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
