Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/09/2010, 15:53
Anonimo12
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 15 años
Puntos: 3
Pestañas en entrada

Buenas a todos, escribo para plantearos una duda en un cuadro de pestañas que va en la entrada (para poner un vídeo en cada una):

El CSS:

Cita:
.pestanas{
width: 350px;
}
.pestanas ul{
margin:0px;
padding:0px;
list-style: none;
}
.pestanas li{
float:left;
margin:0px 6px 0px 0px;
padding:4px 6px 4px 6px;
background-color: #999999;
color: #eeeeee;
font-size:8pt;
}
li.pestanaseleccionada{
background-color: #333366;
color: #ffffff;
font-weight: bold;
}
.cuerpopestanas{
background-color: #333366;
color: ffffff;
clear:both;
margin:0px;
padding:4px;
height: 300px;
overflow: auto;
}
El código html que se inserta en la entrada:

Cita:
<div class="interfazpestanas">
<div class="pestanas">
<ul>
<li class="pestanaseleccionada">Opción 1</li>
<li>Opción 2</li>
<li>Opción 3</li>
</ul>
<div class="cuerpopestanas">
Aqui va el vídeo.
</div>
</div>
</div>
La cuestión es que me funciona y puedo insertar un vídeo en la primera pestaña donde pone "Aqui va el vídeo.", pero no sé dónde hay que poner los datos que van en las otras pestañas y en el tutorial del cual saqué esta información no lo especifica: http://www.desarrolloweb.com/articulos/maquetacion-recuadro-pestanas-css.html

Les agradezco las respuestas, saludos.