Tabcontrol sin javascript
 

Hola, foreros:

He estado buscando un tabcontrol (botones que al clicar en ellos se muestra un div u otro sin volver a cargar la web de nuevo), pero todos los que he encontrado son utilizando javascript ajax u otros.

Lo que busco es un sistema hecho solo con css.

Como esto, pero sin ajax, solo css:

http://www.asp.net/ajax/ajaxcontrolt...Tabs/Tabs.aspx

¿Se puede hacer?

Respuesta: Tabcontrol sin javascript
 

Pinchando no, sólo pasando el ratón por encima:
http://www.cssplay.co.uk/menu/one_page.html

Respuesta: Tabcontrol sin javascript
 

Hola, de nuevo...

Es una pena, jeje. ¿No se puede conseguir por medio de la opcion active?

Respuesta: Tabcontrol sin javascript
 

Es que con :active sólo se ve la parte de abajo mientras mantienes presionado el tab...

Respuesta: Tabcontrol sin javascript
 

Eso ocure en FF, porque en explorer el active mantiene cuando dejas de pulsar. El equivalente para firefox es focus, que se mantiene después de pulsar.

salbatore:

Mírate este en lace

http://www.forosdelweb.com/f95/parti...5/#post2376290

Tiene algo de más que lo que tú buscas, pero precisamente se trataría de simplificar. Si algo no lo entiendes me preguntas y veo cómo simplificarlo.

Mikel.

Respuesta: Tabcontrol sin javascript
 

Hola, de nuevo...

Buff, Mikmoro, menudo ejemplo mas sobrado, jeje. Ahora poco a poco ire viendo como hacerlo...

Muchas gracias...

Respuesta: Tabcontrol sin javascript
 

Hola, Mikmoro...

Estoy viendo tu codigo y me gusta demasiado, jeje. Solo veo un unico problema.

¿Existe alguna posibilidad de que al clicar fuera del div de cada pestaña no se desactive y se oculte el contenido?, es decir, que cuando cliques una vez activada una pestaña fuera de ella esta se oculte.

¿Se puede?

Respuesta: Tabcontrol sin javascript
 

Hola, salbatore.

Me parece que estás preguntando dos cosas contrarias:

1.- "al clicar fuera del div de cada pestaña no se desactive y se oculte"
2.- "cuando cliques una vez activada una pestaña fuera de ella esta se oculte"

La segunda pregunta es justo lo contrario de la primera.

En cualqueir caso, a la primera pregunta no, no se puede sólo con css, porque se activan con los pseudo elementos "active" y "focus", de manera que cuando una pestaña deje de estar activa o pierda el foco se desactivará.

Desgraciadamente esto funciona mal en IE6. Un día de estos intentaré resolverlo.

Mikel.

Respuesta: Tabcontrol sin javascript
 

Hola otra vez.

Aquí he puesto un ejemplo mucho más simple de tabs con css, que seguramente será mucho más fácil de entender y aplicar.

Lo que más me gusta es que no necesita comentarios condicionales ni hacks para Explorer. Afinando bien he conseguido hacerlo compatible a FF, IE6 e IE7 sin filigranas.

Mikel.

Respuesta: Tabcontrol sin javascript
 

Hola, Mikmoro...

Esta perfecto como lo has dejado, me gusta un monton...

Muchas gracias... lo guapo es que es supersencillo, sin java... jeje...

Gracias crack!