Buon giorno a tutti.
Sono novizio ed autodidatta.
L'argomento è tab con css.
Dopo aver vagliato vari script e css e dopo averne assemblato uno da vari, ora sto faticosamente cercando di uscire dal problema che il tab css non mi mostra il contenuto della prima tab al caricamento della pagina.
Mi date gentilmente una mano?
Chiedo scusa se non pongo l'argomento come vorreste voi.......

Qui trovate la pagina di prova: http://www.scopricormons.it/schedatipo/schedatipo3.html

Questo è il tabsfunctions.js per lo switch delle tab:
codice:
function tabSwitch(new_tab, new_content) {
 document.getElementById('content_1').style.display = 'none';
 document.getElementById('content_2').style.display = 'none';
 document.getElementById('content_3').style.display = 'none';
 document.getElementById(new_content).style.display = 'block';
 document.getElementById('tab_1').className = '';
 document.getElementById('tab_2').className = '';
 document.getElementById('tab_3').className = '';
 document.getElementById(new_tab).className = 'active';
}
Questa è la porzione finale di styles.css riguardante le tab:
codice:
#tot{
                width: 630px;
                margin: 50px auto 0px auto;
		font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	    }
            
            #headertab{
		list-style: none;
                width: 100%;
                height: 30px;
                float: left;
            }
            
            #contenttab{ clear: both; overflow: hidden;
                width: 100%;
                height: auto;
                float: left;
                border: 1px solid silver;
                background-color: #efefef;
		color: #222;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 25px;
		line-height: 20px;
            }
            
            .tabs-header{
                list-style: none;
                margin: 0px;
                padding: 0px;
		float: left;
            }
             
            .tabs-header li{
		background-color: #dedede;
		list-style: none;
                width: 150px;
		height: 30px;
		float:left;
      		margin: 0 0px;
		display: block;
                line-height: 30px;
                text-align: center; 
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
                border-top: 1px solid silver; 
                border-left: 1px solid silver; 
                border-right: 1px solid silver;
            }   
            
	    .tabs-header li a {
		background-color: #efefef;
		color: #222;
		font-weight: bold;
		text-decoration: none;
		width: 150px;
		height: 30px;
		display: block;
		float: left;
		line-height: 30px;
		text-align: center;
	    }
	    
	    .tabs-header li a:active{
		background-color: #dedede;
	    }

	    .tabs-header li a:hover{
		background-color: #dedede;
	    }
            
            .tabss{
                width: 100%;
                float: left;
                display: none;
            }
Questo è la parte di html relativa alle tab:
codice:
<div id="tot">
	      <div id="headertab">
		<ul class="tabs-header">
		[*]Descrizione
		[*]Immagini
		[*]Offerte
		[/list]
	      </div>
	      <div id="contenttab">
		<div class="tabss" id="content_1">
		<h1>Descrizione</h1>
		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		

Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p>

		</div> 
		<div class="tabss" id="content_2">
		<h1>Immagini</h1>
			  
			  
			  
			  
			  
			  
		</div>
		<div class="tabss" id="content_3">
		<h1>Offerte</h1>
		

Urna justo quam nunc urna sem facilisis nibh Curabitur tellus quis. Orci sem ligula platea parturient justo Morbi id cursus tortor adipiscing. Tortor convallis pede orci Quisque id Nam condimentum sed eu Sed. Cum orci Quisque vitae egestas vitae nulla Cum fermentum egestas ante. Congue eu elit.</p>
		</div> 
	      </div> 
	      </div>
Ringrazio tutti coloro che mi daranno una mano.