Objective Physics for NEET - Vol. 2 | Chapter 155: A New Form of Love | Wonderfalls
  Login

  

Consulta programadores CSS para mi web





Thread creado por OcioDeAkaCba el 26/08/2014 04:29:40 pm. Lecturas: 1,624. Mensajes: 12. Favoritos: 0





26/08/2014 04:29:40 pm 
       0                           
OcioDeAkaCba


Miembro desde: 12/05/2012

Threads abiertos: 541
Mensajes: 581  
Subtítulos subidos: 0
Threads Favoritos: 0





Hola gente del foro. Les comento que estoy trabajando en mi web y quiero hacer un sistema de pestañas adaptable en el largo. He probado con diferentes codigos pero no funcionan ejemplo:

height: auto !important
07
height: 100%

Y no pasa nada. Que me recomiendan hacer. O ya viene alguna aplicación que este armado con ´´tabs auto height´´. Gracias por la ayuda soy novato.

Dejo un link para que vean en que estoy trabajando ociodeaka.com/capitan-america-y-el-soldado-del-invierno/

Ultima edición por OcioDeAkaCba el 27/08/2014 12:00:37 , editado 1vez


26/08/2014 05:05:11 pm 
       0                           
SeriesCity


Miembro desde: 30/05/2010

Threads abiertos: 4
Mensajes: 685  
Subtítulos subidos: 4
Threads Favoritos: 0





OcioDeAkaCba escribió:
Hola gente del foro. Les comento que estoy trabajando en mi web y quiero hacer un sistema de pestañas adaptable en el largo. He probado con diferentes codigos pero no funcionan ejemplo: height: auto !important07 height: 100%Y no pasa nada. Que me recomiendan hacer. O ya viene alguna aplicación que este armado con tabs auto height. Gracias por la ayuda soy novato. Dejo un link para que vean en que estoy trabajando LINK ociodeaka.com/godzilla2014/


A que te refieres con adaptable, al menos si brindarás mas información de en que lugar quieres.


26/08/2014 05:35:09 pm 
       0                           
OcioDeAkaCba


Miembro desde: 12/05/2012

Threads abiertos: 541
Mensajes: 581  
Subtítulos subidos: 0
Threads Favoritos: 0





SeriesCity escribió:
OcioDeAkaCba escribió: Hola gente del foro. Les comento que estoy trabajando en mi web y quiero hacer un sistema de pestañas adaptable en el largo. He probado con diferentes codigos pero no funcionan ejemplo: height: auto !important07 height: 100%Y no pasa nada. Que me recomiendan hacer. O ya viene alguna aplicación que este armado con tabs auto height. Gracias por la ayuda soy novato. Dejo un link para que vean en que estoy trabajando LINK ociodeaka.com/godzilla2014/ A que te refieres con adaptable, al menos si brindarás mas información de en que lugar quieres.


Quiero que se adapte en el alto al 100% de lo que contenga la pestaña. Algo como esto jqueryui.com/tabs/


26/08/2014 09:54:30 pm 
       0                           
jorge_koki


Miembro desde: 22/12/2003

Threads abiertos: 11
Mensajes: 227  
Subtítulos subidos: 8
Threads Favoritos: 0





body, htm{ height:100%}
y asi para todos los hijos que tenga tu codigo por eje:

body
div id=tabs style=height:100%
div style=´´height:100%´´ /div
div style=´´height:100%´´ /div
/div

saludos


27/08/2014 09:32:11 am 
       0                           
zamuz


Miembro desde: 23/02/2006

Threads abiertos: 38
Mensajes: 806  
Subtítulos subidos: 0
Threads Favoritos: 0





jorge_koki escribió:
body, htm{ height:100%}y asi para todos los hijos que tenga tu codigo por eje:bodydiv id=tabs style=height:100% div style=height:100% /div div style=height:100% /div/divsaludos





27/08/2014 11:32:09 am 
       0                           
zorbakan


Miembro desde: 19/07/2006

Threads abiertos: 67
Mensajes: 1701  
Subtítulos subidos: 0
Threads Favoritos: 28





En la pagina vi que tenes unas pestañas, que no funcionan de mucho en este momento, pero que ahí están.

Ahora, qué necesitas hacer exactamente?
Te recomendaria que te armes un par de captura de pantallas y le pongas flechas donde indiquen qué querés que tenga el alto que pedís, y en referencia a qué otro elemento de tu pagina.

Saludos


27/08/2014 11:34:05 am 
       0                           
Emmm... pero eso es asi, el largo siempre se adapta al contenido.
Salvo que tengas puesto un largo fijo (ej height: 50px) en el elemento o en alguno de sus padres.

Ah, ya vi la pagina. El problema es que tenes un display:none por algun lado... los tabs funcionan asi, cuando le das a una pestaña te pone todas en display:none y la que clickeaste en display:block eso se hace con js (o con css usando target).

En este momento tenes todas en display: none por lo que no te muestra nada dentro de la pestaña.

Te convenia usar de entrada algo como bootstrap...


27/08/2014 11:49:36 am 
       0                           
Tienes un min-height: 690px, éste está limitando a que la tab se ajuste a su contenido.

690px
600px


27/08/2014 11:53:33 am 
       0                           
Pabloud escribió:
Tienes un min-height: 690px, éste está limitando a que la tab se ajuste a su contenido.dl.dropboxusercontent.com/u/60717191/690.jpg 690pxdl.dropboxusercontent.com/u/60717191/600.jpg 600px


En firefox no se ve nada adentro de las pestañas


27/08/2014 12:02:33 pm 
       1                           
ArgosNavis


Miembro desde: 08/08/2013

Threads abiertos: 142
Mensajes: 3338  
Subtítulos subidos: 58
Threads Favoritos: 0





¡¡¡Está quedando genial esa página!!!

Cuando la termines avisa así me tomo un pritteado en su honor.


28/08/2014 08:50:26 pm 
       0                           
OcioDeAkaCba


Miembro desde: 12/05/2012

Threads abiertos: 541
Mensajes: 581  
Subtítulos subidos: 0
Threads Favoritos: 0





Ya pude solucionar el problema gracias a todos por las soluciones y el apoyo. Dejo un link para que vean el resultado

ociodeaka.com/capitan-america-y-el-soldado-del-invierno/


29/08/2014 10:49:41 am 
       1                           
zorbakan


Miembro desde: 19/07/2006

Threads abiertos: 67
Mensajes: 1701  
Subtítulos subidos: 0
Threads Favoritos: 28





Te quedó buenisimo!
Por ahi no es muy buena practica que el contenido de cada tab esté en un iframe.
Y te recomendaria que trabajes un poco en el trigger que te muestra el contenido de cada Tab. Por lo que veo, te muestra el contenido cuando la pestaña tiene -focus-. O sea que si haces click en cualquier parte de la pagina, se pierde el foco y se vuelve a mostrar el contenido de -info-. Esto hace que si querés ver el trailer de la peli, cuando apretás play en el video embebido de youtube se pierda el foco de la pestaña -trailer- y vuelva a mostrarte el contenido de -info-
Esto lo solucionas con un pequeño javascript que le agregue una clase a la pestaña que clickeas (ponele tab-selected) y le saque esa clase a todas las demás pestañas. Entonces no dependés del focus, sino del nombre de esa clase, que no se va a perder a no ser que cambies de pestaña intencionalmente.

Saludos




consulta

1