12

Tablas con bordes originales.

Tabla con bordes punteados.

Código:



Resultado:




TEXTO



Tabla con borde de rayas.

Código:



Resultado:




TEXTO



Tabla con doble borde.

Código:



Resultado:



TEXTO


Tabla "cuadro"

Código:

Resultado:



TEXTO










Se pueden modificar en los códigos los colores, posiciones, etc...

Entradas Relacionadas:

12 comentarios:


Sector Visual

Hola Rosa, pues primero que nada quiero felicitarte por tu primer año, muchas feicidades.

Por otra parte, vengo un poco frustrado porque no he podido resolver un problema, y es que próximamente voy a hacerle un cambio, mas bien como una restructuración a Sector Visual, y estoy creando un indice con la informacion del blog, veras, ahora estoy haciendo el indice de peliculas en un post, y lo estoy haciendo en una tabla, y la tabla se ve perfecta, pero hay un problema, y es que al principio del post se crea un espacio muy grande y no se puede eliminar... supongo que le hace falta algun codigo de estilo pero ya he intentado varios y no puedo, ojala me puedas ayudar, te enviaré a tu mail el codigo de la tabla porque aquí no me acepta el tag de "table".

Gracias!

DoN CeSaR

Solo para avisarte que donde dices : mas ejemplos aqui, ya ese link no funciona :)

Rosa

DoN CeSaR, muchísimas gracias ;-)

Alondra

Hola Rosa!! necesito que me asesores...puse los Últimos comentarios dentro de una tabla, pero me gusstaría que me quedara el título dentro de la tabla para poderle poner color al fondo del título... pero no doy como, me ayudas por favor?? gracias..

Rosa

Alondra, tendrás que quitarle el título al widget donde has colocado los últimos comentarios e incluir el título dentro de la tabla.

Alondra

Gracias Rosa! hice lo que me aconsejas y ya viendolo a la vista en conjunto con todo lo demás de mi blog no se ve muy bonito...pero...lo que si se es que cada día aprendo más gracias a tu blog... muchísimas gracias.. Bye.

David Bernad

Hola Rosa.

Felicidades por tu blog, está genial y ayuda un montón.

Tenía una duda que preguntarte. Estoy intentando poner una tabla, cuando pongo una en la vista previa se ve bien, pero cuando publico el artículo siempre se queda un espacio muy grande entre el texto anterior y la tabla que he insertado, y con el código HTML no se puede arrglar.

¿Sabes a lo que me refiero?
¿Se te ocurre alguna posible solución?

Muchas gracias y un saludo.

Rosa

David Pues la verdad que no he usado muy a menudo tablas en las entradas, pero las veces que he tenido que hacerlo no me han dado ese problema que mencionas...

Si incluyes el código para la tabla desde la pestaña HTML del editor de entradas, no cambies a la de Redactar después, a veces eso trae ese tipo de problemas...se añaden br o saltos de línea...
Ya ves que no tengo mucha idea, pero me da que es algo del editor...

David Bernad

He intentado hacerlo como tú dices pero tampoco funciona. Seguramente será algo del editor. He mirado el código fuente de la página una vez está publicado y en html no se refleja ese espacio, sólo hay 2 saltos de línea, pero el espacio es demasiado grande. Tiene que haber algo en la plantilla que desplace el div o la tabla, pero no lo encuentro.

Si esto le ha ocurrido a alguien y tiene la solución, espero que lo cuente para ver si existe una solución.

Gracias por la ayuda, Rosa.

Rosa

David ¿Tienes la tabla colocada aún? si es así dime en que entrada para mirar si yo veo algo...

constanza

Tengo el mismo problema de la tabla, me deja muchos espacios (
) antes de la tabla y en el modo vista previa se ve bien. Aquí te paso el link para q veas: http://www.conifino.com.ar/2009/07/anillos.html
Te agradecería mucho si puedes ayudarme.

Coni

Rosa

constanza En Blogger es complicado el uso de tablas en las entradas... el código ha de ir colocado todo seguido, es decir, como si fuese una línea sola, para que no deje espacios arriba o abajo...

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S