Edición de tablas  

 
Jorge
 Jorge
Reputable Member

Hola. Después de muchos intentos no he logrado que una de mis tablas de tarifas se vea en mi web ( http://jorgepalencia.com/index.php/costos/tarifas/tarifas-en-marcaibo.html) como se ve en el editor. Adjunto ambas imagenes.
Busqué en el foro y no encontré nada al respecto.
Solicito asesoría.

Gracias.

Citar
Respondido : 29/01/2012 4:31 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Jorge

Esto sucede por que los archivos de estilos de tu template tienen prioridad sobre las propiedades definidas de la tabla a través del editor.

Primero te sugiero que ingreses a la vista de código html desde el editor, ubica el código de tu tabla, una vez dentro coloques alguna clase, por ejemplo:

Luego en algún archivo css de tu plantilla, por ejemplo /templates/ja_methys/css/template.css , agrega al final algo como :

.clasetabla td{
 border : 1px solid black;
}

Eso por ejemplo te dará los bordes de las celdas, si necesitas más estilos necesitarás basarte siempre en la clase de tabla definida.

Realiza los pasos indicados y coméntanos que otro aspecto quieres cambiar para ayudarte.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/01/2012 4:46 pm

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

Jorge
 Jorge
Reputable Member

Gracias Jhon por tu inmediata respuesta. Te suplico un poco de paciencia porque no soy muy entendido en esto (soy médico cirujano plástico).

Coloque el código que me diste (

) en la linea 174 del código html y movió la tabla. Adjunto imagen.

Tampoco entiendo como encontrar la ruta del archivo css de mi plantilla, para llegar a: /templates/ja_methys/css/template.css e insertar al final el texto que me indicas.

Por último, el otro cambio que quiero lograr en la tabla de mi web y no puedo es la altura de las celdas. En mi editor se ven uniformes y en la web tienen diferentes alturas.

Gracias de nuevo.

ResponderCitar
Respondido : 29/01/2012 6:58 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jorge,

El código:

Es mejor que lo insertes antes de pintar la tabla en el artículo que la contiene.

Tampoco entiendo como encontrar la ruta del archivo css de mi plantilla, para llegar a: /templates/ja_methys/css/template.css e insertar al final el texto que me indicas.

Para este tipo de ediciones puedes utilizar el componente NinjaXplorer (no se si lo tienes instalado) o desde tu cPanel, Administrador de archivos, navegas a la ruta templates/ja_methys/css/ y editas con el "Editor de Código" el archivo template.css y al final añades el código que comenta Jhon.

Realiza una copia de seguridad del archivo antes de modificarlo.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/01/2012 7:20 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Jorge
 Jorge
Reputable Member

Gracias por tu colaboración Luis. Inserte el código antes de la tabla (en la línea 10) y se sigue moviendo.

Adjunto 3 capturas (antes, durante y después)

ResponderCitar
Respondido : 29/01/2012 8:16 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jorge,

El tema del borde en las celdas interiores, si en el archivo template.css añades un borde, quedando:

td {
    border: 1px solid;
    font-size: 100%;
    padding: 5px;
}

Respecto a que algunas filas tengan diferente altura, es que en algunas has escrito el texto tal cual, y en otras en formato párrafo, en el que entonces queda una altura mayor. Se puede distinguir porque en vista código en los

hay etiquetas:

y

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 30/01/2012 9:42 am

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