Pestaña de munú (tabs) visible

[ceaped]

Buenos días
Estoy implementando este "sistema de pestañas":

http://ksesocss.blogspot.com/2012/10...sin-salto.html

¿Cómo hago para que sea visible cuando cargue la página la pestaña 1?

Gracias por su ayuda

[ceaped]

Hola
No logro hacer que al cargar la página quede visible la primera pestaña...alguien sabe como.

[pzin]

Añade una clase o lo que sea a lo que quieres que sea visible al principio, y la añades al selector que hace que todo sea visible.

La idea sería algo así:

Código HTML:

<div class="visible"></div>
 

Código CSS:

elselectorqueusesparaqueseavisible, div.visible {
  display: block;
}
 

[ceaped]

Hola pzin
Mira como tengo mi .html y .css:

Código HTML:

<span class="boton" id="una"></span>
    <div class="pestanas_textos"><div>
        
        <p>Texto 1...</p>
        
        </div>
        </div>
        
    <span class="boton" id="dos"></span>
    <div class="pestanas_textos">
        
        <div>
        
        <p>Texto 2...</p>
        
        </div>
        </div>
 

Código CSS:

.pestanas_textos div {
    width: 700px;
    height: 450px;
    position: absolute;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 240px;
    color: #FFF;
    line-height: 1.2;
    z-index: 5;
    opacity:0;
    transition: all 1s ease;
    background-color: #DFDDCE;
    top: 97px;
 }
 
.pestanas_textos .tab-e {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #543F2A;
    text-align: center;
    min-width: 120px;
    padding: 5px;
    margin-right: 18px;
    text-decoration: none;
    position: relative;
    transition: all .5s ease;
    background-color: #DFDDCE;
}
 
a.tab-e:hover {
    color: #CE4646;
}
 
  p img {
    float: left;
    margin: 10px;
}
  
.boton:target + .pestanas_textos div {
    opacity: 1;
    color: #543F2A;
    background-color: #DFDDCE;
 }
 

Pero no logro dejar visible la número Uno.

Gracias por tu ayuda