

<rss version="2.0"
	xmlns:atom="http://www.w3.org/2005/Atom" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:admin="http://webns.net/mvcb/"
	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
		
	<channel>
		<title>RSS Feeds :: DEVPPL - Forums > HTML Forum : Topics : tabbed navigation in html</title>
	<!--<atom:link href="http://www.devppl.com/forum" rel="self" type="application/rss+xml" />-->
		<description>TOGETHER WE ARE THE BEST</description>
		<link>http://www.devppl.com/forum</link>
		<language>en-gb</language>
		<pubDate>Tue, 17 Aug 2004 14:07:13 +0100</pubDate>
		<lastBuildDate>Sat, 21 Nov 2009 13:13:40 +0000</lastBuildDate>
		<docs>http://blogs.law.harvard.edu/tech/rss</docs>
		<generator>MSSTI v0.0.1 - (C) 2008 leviatan21 - http://www.mssti.com/</generator>
		<copyright>Copyright : (c) RSS Feeds :: DEVPPL - Tue, 17 Aug 2004 14:07:13 +0100</copyright>
		<dc:creator>webmaster@devppl.com (DEVPPL)</dc:creator>

		<image>
			<title>RSS Feeds :: DEVPPL - Forums > HTML Forum : Topics : tabbed navigation in html</title>
			<url>http://www.devppl.com/forum/styles/DEVPPL/imageset/site_logo.gif</url>
			<link>http://www.devppl.com/forum</link>
		</image>
		<ttl>60</ttl>
		
		<item>
			<title>Re: tabbed navigation in html</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=51784#p51784</link>
				<description><![CDATA[add width in tab class ,then page looks fine<br /><br />#tabs{<br
/>padding:0;<br />margin:0;<br />font-family:Arial, Helvetica,
sans-serif;<br />font-size:12px;<br />color:#FFF;<br />font-weight:bold;<br
/>width:900px;<br />}<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=43837">anupknr</a> &bull; on Thu May 07, 2009 5:11 am &bull; Replies 1 &bull; Views 671</p><hr />]]></description>
					<content:encoded><![CDATA[add width in tab class ,then page looks fine<br /><br />#tabs{<br
/>padding:0;<br />margin:0;<br />font-family:Arial, Helvetica,
sans-serif;<br />font-size:12px;<br />color:#FFF;<br />font-weight:bold;<br
/>width:900px;<br />}]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=51"><![CDATA[HTML Forum]]></category>
			<dc:creator><![CDATA[43837]]></dc:creator>
			<dc:date>2009-05-13T11:02:46+01:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=51784#p51784</guid>
		</item>
			<item>
			<title>tabbed navigation in html</title>
			<link>http://www.devppl.com/forum/./viewtopic.php?p=51720#p51720</link>
				<description><![CDATA[ Hi,<br />I'm using  a simple tabbed navigation in html. Below is the
simple code structure. It is working fine except that when I resize the
window and make it smaller and smaller the tabs lies on top of each other.
Ideally when the window size is smaller I would like to see only some of
the tabs from left but not all lying on top of each other. How to fix this
problem?<br />Any help will be appreciated.<br /><br /><style
type="text/css"> <br />#tabs{ <br />    padding:0; <br />    margin:0; <br
/>    font-family:Arial, Helvetica, sans-serif; <br />    font-size:12px;
<br />    color:#FFF; <br />    font-weight:bold; <br />} <br />#tabs ul{
<br />    list-style:none; <br />    margin:90; <br />    padding:0; <br
/><br />} <br />#tabs ul li{ <br />    display:inline; <br />    margin:0;
<br />    text-transform:capitalize; <br />    <br />} <br />#tabs ul li a{
<br />    padding:7px 16px; <br />    color:#FFF; <br />   
background:#E7A272; <br />    <br />    text-decoration:none; <br />   
border:1px solid #D17B40; <br />    border-left:0; <br />    margin:0; <br
/>    text-transform:capitalize; <br />} <br /><br /><br /><br />#tabs ul
li a:hover{ <br />    backgro...<p>Statistics : Posted by <a href="http://www.devppl.com/forum/memberlist.php?mode=viewprofile&amp;u=43721">standshik</a> &bull; on Thu May 07, 2009 5:11 am &bull; Replies 1 &bull; Views 671</p><hr />]]></description>
					<content:encoded><![CDATA[ Hi,<br />I'm using  a simple tabbed navigation in html. Below is the
simple code structure. It is working fine except that when I resize the
window and make it smaller and smaller the tabs lies on top of each other.
Ideally when the window size is smaller I would like to see only some of
the tabs from left but not all lying on top of each other. How to fix this
problem?<br />Any help will be appreciated.<br /><br /><style
type="text/css"> <br />#tabs{ <br />    padding:0; <br />    margin:0; <br
/>    font-family:Arial, Helvetica, sans-serif; <br />    font-size:12px;
<br />    color:#FFF; <br />    font-weight:bold; <br />} <br />#tabs ul{
<br />    list-style:none; <br />    margin:90; <br />    padding:0; <br
/><br />} <br />#tabs ul li{ <br />    display:inline; <br />    margin:0;
<br />    text-transform:capitalize; <br />    <br />} <br />#tabs ul li a{
<br />    padding:7px 16px; <br />    color:#FFF; <br />   
background:#E7A272; <br />    <br />    text-decoration:none; <br />   
border:1px solid #D17B40; <br />    border-left:0; <br />    margin:0; <br
/>    text-transform:capitalize; <br />} <br /><br /><br /><br />#tabs ul
li a:hover{ <br />    backgro...]]></content:encoded>
					<category domain="http://www.devppl.com/forum/viewforum.php?f=51"><![CDATA[HTML Forum]]></category>
			<dc:creator><![CDATA[43721]]></dc:creator>
			<dc:date>2009-05-07T05:11:05+01:00</dc:date>
			<guid isPermaLink="false">http://www.devppl.com/forum/./viewtopic.php?p=51720#p51720</guid>
		</item>
	
	</channel>
</rss>