Tablas  

Hola Ramón,

No necesitas descargarte ese aplicativo. 🙂

En el cPanel de tu Hosting ya dispones de dicha herramienta integrada y 100% funcional. Revisa el siguiente vídeo breve donde se explica esta herramienta:

- https://www.webempresa.com/videosrvskin/24-php-myadmin/index.htm

Saludos

Hola Gnumax:

Me decido por continuar con las tablas html 😉

Estos son mis avances, los cuales me gustaría conocer tu opinión.

Lista de precios:
http://www.hori-bai.com/es/empresa/precios.html

Ampliando información del primer artículo (prenda) de la tabla:
http://www.hori-bai.com/es/empresa/precios/156-otrotarifaabrigo.html

Como ves, me inspiro en el Joobd.

Aún falta añadir más información, pero antes de continuar quisiera saber tu punto de vista.

Saludos

Hola Ramón,

En principio vas por excelente camino :woohoo: me gusta bastante, es muy visual.

Detalles:

- A los items de la primera columna, los que nombran los conceptos "Abrigo, etc." les pondría un:

- text-align: left;

Para mantener un estilo un poco serio dentro de lo divertido de la tabla.

La tabla probaría a hacerlo al 90% en vez del 100% de ancho, así no la pegas a los bordes del div que la contiene y queda un poco más flotante a pesar de estar contenida en el artículo.

- <table rules="rows" class="tbl" style="text-align: center;" border="1" cellpadding="1" cellspacing="1" width="100%">

Saludos

Hola Gnumax:

Muchas gracias B)

El Crhome me paso una mala jugada en la alineación de esas filas. Ya esta corregido 😉

No se porque, para este tipo de trabajos el Firefox va mucho mejor.

Al 90 % da ese efecto flotante que comentas, aunque me gustaría darle una sombra lateral, tipo a esto:

Bueno, seguimos con el trabajo.

Gracias y saludos.

Hola Ramón

Al revisar tu tabla veo que estas utilizando estilos en línea (etiqueta style) y atributos de formateo (por ejemplo valign), esto esta bien para empezar, pero finalmente debes acostumbrarte a sacar todos los estilos fuera del html , es decir trabajar con archivos CSS, esto te permitirá realizar la sombra de manera más sencilla y entendible.

Por lo que te sugiero revisar también algo de CSS , este tutorial te ayudará : http://es.html.net/tutorials/css/

Para la sombra en la tabla, debes usar propiedades de CSS3, esto funcionará en todos los navegadores compatibles menos IE<=8
Puedes reutilizar la clase que tienes definida, y agregar etilos como :

.tbl{
-moz-box-shadow: 10px 10px 5px #888; /*para firefox*/
-webkit-box-shadow: 10px 10px 5px #888; /*para chrome y safari*/
box-shadow: 10px 10px 5px #888; /*compatible con opera y futuro standard*/
}

En la sintaxis anterior

10px offset horizontal
10px offset vertical
5px blur o desenfocado de la sombra
#888 color de la sombra

Saludos.

Hola Jhon:

Muchas gracias por el aporte 🙂

Pinta bien, mejora con respecto al html, pero lo veo algo complicado, sobre todo al inicio.

Saludos

Hola Ramón,

Personalmente no te recomendaría meterte en el lío de las sombras, transparencias, alpha, etc., te encontrarás con muchos problemas de compatibilidad en Firefox, en IE y Chrome, de eso puedes estar seguro y tendrás que recurrir a CSS3 y CSS algo más elaborado de lo habitual.

Tal como te comenta Jhon, y de forma muy acertada, lo propio es que una vez construida tu tabla en HTML empieces a interactuar con CSS que es el hermano gemelo del HTML y sin duda ambos lenguajes de etiquetas y estilos son fundamentales para conseguir resultados como el del siguiente enlace o tus propios resultados.

http://gnumax.org/fotonoticias/ACLJ15.html

La idea es que una vez dentro de esta pagina, con el botón derecho mires el "Código Fuente" y la idea es que lo analices, ya que tu puedes hacer algo así perfectamente.

Si observas al principio están declarados los estilos CSS (Hojas de Estilo de Cascada) y posteriormente la tabla y cada celda así como su comportamiento y datos a cargar. Creo que seria una buena base de partida para atreverte con CSS que sin duda es el tandem ideal CSS+HTML.

Saludos

Hola Gnumax:

Me parece bien lo que me proponéis ya que los estilos frescos y modernos que se pueden conseguir son los que me gustan.

Una vez vistos los tutos que me aporta Jhon y los códigos fuente de tu tabla, me surgen muchas dudas, sobre todo de como iniciarme.
Probare y ya os comentare.

Una cosa.
Visite tu pagina y me gusto el modulo inferior a pie de pagina que muestra logotipos deslizantes.

¿Que tipo de modulo es? :whistle:

Saludos

Hola Ramón,

Esperaremos tus avances con HTML y CSS con ganas y no dudes en preguntar si te atascas 🙂

Sobre el módulo que preguntas, decirte que se trata de "Horizontal SlideShow" http://extensions.joomla.org/extensions/photos-a-images/images-slideshow/5741

Es sencillo de configurar como puedes ver en la captura adjunta.

Saludos

Hola Gnumax:

Gracias por lo ánimos y apoyo 😉

Ya instale el modulo.

Una sola cuestión, como puedo eliminar las dos imágenes vacías que aparecen en el modulo?

Aparecen al final y al principio de las repeticiones.

Te dejo capturas de todo.

Saludos

Hola Ramón,

Eso me suena a espacios en blanco o retornos arriba o al final de las cajas de entrada de datos de archivo de imagen.

Saludos

Hola Gnumax:

Ok. 🙂

Para no mezclar temas, si necesito ayuda abro tema nuevo. 🙂

Sobre el tema en cuestión.

Ya termine de confeccionar la tabla y las sub tablas (las que se enlazan desde la principal). No voy ha añadir más contenido y me meto en el asunto de los css.

Por lo tanto, que me aconsejáis, ¿ seguir con aquí con el tema Tablas pero ahora en CSS o abrir uno nuevo de Tablas CSS ?

Saludos

Hola Ramón,

Si te refieres al hilo del Foro, como versa sobre Tablas a fin de cuentas, puedes mantenerlo aquí mismo, si es algo "off-topic" como lo del módulo de imágenes, mejor en hilos separados 🙂

Si es sobre el artículo con la Tabla que hayas generado, te recomendaría hacer una copia del mismo y despublicarla y dejarla como copia de seguridad, para poder usarla en caso de estropearla con la simplementaciones de CSS y tratar de llevarla desde el actual punto "solo HTML" al punto CSS+HTML así tu mismo vas observando como se entremezclan las llamadas de CSS desde HTML y como construir de forma ordenada todo este mejunje de datos.

Saludos

Hola Gnumax:

Ok, tema modulo de imágenes, cerrado, si necesito más ayuda abro tema nuevo.

Sobre la tabla css.

Ok, hago copia de respaldo.

Pregunta:

En esta información sobre css, http://es.html.net/tutorials/css/lesson2.php comentan en el Método 3: Externo (enlace a una hoja de estilo) crear una hoja de estilos.

Accedo a cPanel y me pierdo :S

Que ruta sigo para crear esa hoja de estilos?
Donde encuentro el articulo que contiene la tabla y tablas que confeccione en html?

Saludos

Hola Ramón,

Personalmente creo que si no son muchos estilos los que vas a utilizar los pongas en el mismo archivo (recuerdas el ejemplo de tabla de ACL que te comente donde ves como están los estilos declarados al principio).

O ideal es tener un archivo solo con los estilos, y desde el artículo que contenga el HTML ir llamando los distintos estilos según los necesites.

Lo normal es que los estilos se coloquen en la carpeta /templates/tu_plantilla/css aunque si no son muchos estilos los puedes añadir al archivo custom.css, template_css.css, o template.css dependiendo de tu plantilla.

Saludos