Avisos
Vaciar todo

tablas para responsive  

 
Alejandro
 Alejandro
Estimable Member

Buenas tardes,

estoy creando una web corporativa con el theme !lespaul, en el que es responsive.

el problema que me encuentro, es que estoy metiendo unas tablas y cuando accedo a través del Smartphone no queda cuadrada, lo único que estoy haciendo es copiar el contenido de esta pagina www.agmundet.es a la que estoy creando yo www.minusvaltec.es/mundet

alguien me sabría decir, como adapto la tabla que se ve en este link: http://www.agmundet.es/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=77 a la web que estoy creando?

muchas gracias, a la espera de su respuesta.

Un Cordial Saludo.

Alejandro Ortiz

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/03/2014 2:45 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Haciendo pruebas no veo que tu nueva plantilla en Contenido solo visible a usuarios registrados sea responsive. La prueba de ello es que si hago más estrecha la ventana del navegador no veo que los contenidos se adapten al nuevo espacio disponible, cosa que es un funcionamiento propio de las plantillas responsive.

Revisa la configuración del theme por si tienes que activar algún parámetro para conseguir el funcionamiento responsive.

Sobre el tema de la tabla, el problema para adaptarla a un funcionamiento responsive es que estás fijando anchos fijos para las columnas y la propia tabla. Veo que el código es como el siguiente:

Si te fijas estás estableciendo un ancho fijo para la tabla de 737 píxels (width="737") y distintos anchos para cada columna (267, 52, etc.).

Para que la tabla se adaptase al espacio disponible tendrías que cambiar el ancho el píxels por un ancho en porcentaje.

Así, por ejemplo, para la tabla, en lugar de poner un width="737" podrías probar a poner un width="100%". Luego para las columnas sería igual. Por ejemplo, en lugar de un width="267" podrías poner un width="30%", y así sucesivamente.

ResponderCitar
Respondido : 28/03/2014 3:50 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alejandro
 Alejandro
Estimable Member

Buenas Tardes,

tenia la plantilla para que se viera en estatico y no en responsive. lo he puesto a responsive de 1160px.

he estado probando eso que dices de poner el porcentaje. al cambiar el width a las tablas de 100% y las columnas todas a 30%, no veo que hagan ningun cambio, al hacer mas pequeña la ventana la tabla que he manipulado aun me sigue haciendo lo mismo, se sale del margen.

la url es: http://www.minusvaltec.es/mundet/mantenimiento-frio-y-calor/

es la primera tabla que sale la que ha cambiado.

ha ver si me podeis hecha una mano con este tema, ya que cuando repare una, las demás saldrán solas y el proyecto lo tengo que presentar la semana que viene y quiero que salga perfecta.

muchas gracias, a la espera de su respuesta.

un cordial saludo.

alejandro ortiz

ResponderCitar
Respondido : 28/03/2014 6:00 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alejandro

Primero indicarte que una tabla con mucho contenido horizontal, es decir con muchas columnas no será responsive 100%, lógicamente debido al contenido de cada celda.

Veo que ya se muestra responsive tu primera tabla, si quieres que se reduzca más tendría que evaluar reducir el tipo de letra o los paddings y margenes a traves de medias query, igualmente tal como te comenté el resultado no será 100% por que veo que tiene varias columnas y habrá un punto en donde no puedes reducir más.

Saludos

ResponderCitar
Respondido : 28/03/2014 8:16 pm

Alejandro
 Alejandro
Estimable Member

y si lo reduzco en vez de 30% a un 20%?

ResponderCitar
Respondido : 28/03/2014 8:20 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Alejandro

La suma del ancho de columnas siempre debe darte 100%, asi que si lo has realizado correctamente es indistinto

Saludos

ResponderCitar
Respondido : 28/03/2014 8:54 pm

Cursos Gratuitos WordPress

Alejandro
 Alejandro
Estimable Member

Si lo sumo me da 150, asi que te tiene que dar el total de las columnas 100 exacto?

En la tabla le puesto 100% es correcta la configuracion que le prporcionado?

Muchas Gracias, a la espera de su respuesta.

Un Cordial Saludo.

Psd: disculpa por la pesadez, pero me juego mucho en esto y quiero hacerlo perfecto.

Alejandro.

ResponderCitar
Respondido : 28/03/2014 9:02 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alejandro

Si, tiene que dar 100% exacto, no es muy lógico que de 150%, no tiene mucho sentido, todo es en base a 100%.

Lo de la tabla, si es correcto, 100% para el contenedor superior y 100% la suma de columnas.

Saludos.

ResponderCitar
Respondido : 28/03/2014 9:05 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Mòduls professionals

Hores màx-mín

HLLD

Unitats formatives

Hores mín