i have created a simple simple css tab menu with no javascript you can download if you want to

<!--
################### BY WWW.WEBUNE.COM #####################
################### PLEASE DO NOT REMOVE THIS #############
################### COPYRIGHT GPL/GNU #####################
################### CSS MENU WITHOUT AJAX #################
-->
<style type="text/css">
pre {text-indent: 30px} 

#MenuTabs { 
color: #000; 
border-bottom: 1px solid black; 
margin: 12px 0px 0px 0px; 
padding: 0px; 
z-index: 1; 
padding-left: 10px } 

#MenuTabs li { 
display: inline; 
overflow: hidden; 
list-style-type: none; } 




.HideContent{
	visibility:hidden;

	position:absolute;
	
}
.ShowContent{
	visibility:visible;
	

	
}
.MyBox{
	width:400px;
	border: solid 1px #CCC;
	background-color:#EEE;
	padding:5px;
}
li{
	padding: 2px 5px 0px 5px;
	border: solid 1px #000;
	background-color:#FFF;
}
li:hover{
	border: solid 1px #FFF;
	background-color:#FF0;
}
.TabActive{
	border: solid 1px #FFF;
	background-color:#FF0;
}
</style>

 
<script language="JavaScript" type="text/javascript">

function makeactive(tab) { 
document.getElementById("1").className = ""; 
document.getElementById("2").className = ""; 
document.getElementById("3").className = "";
document.getElementById(tab).className = "active";

for (i = 1; i < 4; i++) {
	//document.getElementById("content"+i).style.display = 'none';
	if(tab == i) {
		
		//document.getElementById("content"+tab).style.display = 'visible';
		document.getElementById("content"+i).className = "ShowContent";
		document.getElementById(i).className = "TabActive";
	}else{
		//document.getElementById("content"+i).style.display = 'none';
		document.getElementById("content"+i).className = "HideContent";
	}
}
//document.getElementById("content"+tab).innerHTML = 'here we go '+tab;
} 
</script>
<div class="MyBox">
<ul id="MenuTabs" > 
<li onclick="makeactive(1)" id="1">Web Design</li> 
<li onclick="makeactive(2)" id="2">Webune Hosting</li> 
<li onclick="makeactive(3)" id="3">Dedicated Services</li> 
</ul> 
<div>

<div id="content1" class="HideContent">Website Creation and Hosting has Become Much Easier. Webune Hosting offers both PHP for Linux and ASP for Windows as our web hosting packages. The Power of Linux offers a full line-up of capabilities. With all the features needed to run your website. Pre-configured features like DNS, Email, Web, FTP, Telnet and web statistics; which can be managed through a web browser. <br /><br /><img src="http://www.webune.com/images/headers/default_logo.jpg" /></div>
<div id="content2" class="HideContent">Unlike the majority of web hosting companies out there we don't try to sell you a $9.95 web hosting package hoping to force you into expensive upgrades later on when you find out that you will need access to more resources or advanced features.
    The truth is that it is quite difficult to build a great web site and execute some of today's most effective web marketing strategies without a wide range of resources and accurate guidance from experienced individuals at your disposal.
	<br /><br />
    So Here's What We've Done ...
	<br /><br />
    We've created affordable web hosting accounts and jammed them full of features that the other guys like to call "upgrades".
	<br /><br />
    But we've priced our web hosting accounts at a small fraction of the price that most others charge for everything we've included, plus each account comes with a free marketing tools so you can get high caliber guidance from highly experienced individuals when you need it.<br /><br /><img src="http://www.webune.com/images/headers/default_logo.jpg" /></div>
<div id="content3" class="HideContent">We are your one source solution for your business and indivual needs. With Webune's managed web hosting solution, you will never have to worry about the management of your site. Our profesional team of Designers, Developes and Support Agents will ensure that you're website is up and running with optimal performance and reliabilty.
<br /><br />
Let Webune become your one source solution for all your web needs. We will manage your website while you focus on the success of your business. Managed hosting packages</div>
<div>
<div style="clear:left"></div>
</div>

DEMO

Website Creation and Hosting has Become Much Easier. Webune Hosting offers both PHP for Linux and ASP for Windows as our web hosting packages. The Power of Linux offers a full line-up of capabilities. With all the features needed to run your website. Pre-configured features like DNS, Email, Web, FTP, Telnet and web statistics; which can be managed through a web browser.

Unlike the majority of web hosting companies out there we don't try to sell you a $9.95 web hosting package hoping to force you into expensive upgrades later on when you find out that you will need access to more resources or advanced features. The truth is that it is quite difficult to build a great web site and execute some of today's most effective web marketing strategies without a wide range of resources and accurate guidance from experienced individuals at your disposal.

So Here's What We've Done ...

We've created affordable web hosting accounts and jammed them full of features that the other guys like to call "upgrades".

But we've priced our web hosting accounts at a small fraction of the price that most others charge for everything we've included, plus each account comes with a free marketing tools so you can get high caliber guidance from highly experienced individuals when you need it.

We are your one source solution for your business and indivual needs. With Webune's managed web hosting solution, you will never have to worry about the management of your site. Our profesional team of Designers, Developes and Support Agents will ensure that you're website is up and running with optimal performance and reliabilty.

Let Webune become your one source solution for all your web needs. We will manage your website while you focus on the success of your business. Managed hosting packages

rene
Wed Aug 04, 2010
this is a nice collection:

www.hongkiat.com/.../50-nice-clean-css-tab-based-navigation-scripts/
Reseller
Sat Sep 18, 2010
do you need best css menu collections ?? or need free templates collections of any type then send mail at free - at - bhardwajweb or info - at - bhardwajweb bhardwaj web solutions bhardwajweb
cy
Wed Oct 13, 2010
if i want to start the tab with the wbedesign, how to set it ?
maja
Thu Mar 10, 2011
the problem is, if you hover over a tab mouse icon is not seen, and some visitor would think there is no link to click on; this means how to solve this issue??? cheers maja340 - at - gmail
https://www.webune.com/forums/20100804cgbc.html

Related Pages