Foros del Web » Creando para Internet » CSS »

Pestañas en entrada

Estas en el tema de Pestañas en entrada en el foro de CSS en Foros del Web. 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): ...
  #1 (permalink)  
Antiguo 30/09/2010, 16:53
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 8 años, 7 meses
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.
  #2 (permalink)  
Antiguo 01/10/2010, 13:41
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Pestañas en entrada

Hola:

A ver si este ejemplo te sirve de ayuda: http://www.araudi.net/ejemplos/tabs_hover.html

Saludos.


Etiquetas: entrada, pestañas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:01.