Foros del web, para los que viven de bits

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?

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

Hola, de nuevo...

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

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

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

Partida Todos juegan?

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.

Hola, de nuevo...

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

Muchas gracias...

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?

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.

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.

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!