¿Cómo centrar una imagen verticalmente sin moverla hacia abajo usando HTML?

franciscok · 19 Ene 2013

hola, existe algo parecida a <table></table>? es que al poner <table></table> me baja 1px o 2px hacia abajo las cosas y se nota que esta mas abajo también las imágenes no me las centra verticalmente (de arriba abajo) y me gustaría saber si ahí algo que agá lo mismo que el código <table></table> pero que no me baje esos 2px hacia abajo y que me deje centrar la imagen verticalmente

saludos

Felipe · 19 Ene 2013

Los <div></div> le das una clase o id y los manipulas a tu antojo desde el css.
Una manera de centrar una imagen dentro de un div es asignándole una clase en el css con este parámetro: margin:10px auto;
Donde los 10px seran arriba y abajo, y el margen auto a los lados para centrar.

franciscok · 19 Ene 2013

Felipe dijo:
Los <div></div> le das una clase o id y los manipulas a tu antojo desde el css.
Una manera de centrar una imagen dentro de un div es asignándole una clase en el css con este parámetro: margin:10px auto;
Donde los 10px seran arriba y abajo, y el margen auto a los lados para centrar.

si, pero todo el contenido esta puesto en un div y al ponerle otro div se me bajan las cosas

tepublico · 19 Ene 2013

puedes hacerlo de mil maneras diferentes, solo ten paciencia :distant:

<table style="margin-top:-1px:"></table> ó <div style="margin-top:-1px:"></div>

franciscok · 21 Ene 2013

tepublico dijo:
puedes hacerlo de mil maneras diferentes, solo ten paciencia :distant:

hola, muchas gracias por la ayuda, me a servido lo de <table style="margin-top:-1px:"></table> pero sabrías como centrar las imágenes que pongo dentro del <td> verticalmente? e buscado por internet y ningún código me lo hace y otra cosa, se me ven en todos los exploradores las imágenes centradas horizontalmente menos en el google chrome, como podría solucionarlo?

saludos

tepublico · 21 Ene 2013

Puedes ponerle estilos a las imagen, en plan <img style="margin:10px 5px 15px 20px">
o te recomiendo uses un programa de edición html como el dreamweaver, por mientras vaz aprendiendo todas las etiquetas html.

franciscok dijo:
hola, muchas gracias por la ayuda, me a servido lo de <table style="margin-top:-1px:"></table> pero sabrías como centrar las imágenes que pongo dentro del <td> verticalmente? e buscado por internet y ningún código me lo hace y otra cosa, se me ven en todos los exploradores las imágenes centradas horizontalmente menos en el google chrome, como podría solucionarlo?

saludos

franciscok · 21 Ene 2013

tepublico dijo:
Puedes ponerle estilos a las imagen, en plan <img style="margin:10px 5px 15px 20px">
o te recomiendo uses un programa de edición html como el dreamweaver, por mientras vaz aprendiendo todas las etiquetas html.

eso no me sirve, ya que la imagen se agranda y se achica e conseguido que se quede mas o manos centrado pero verticalmente se queda mas abajo pero bueno, lo dejare así sino ahí mas remedio

sobre las etiquetas se algunas cosillas ice un cursillo de 30 horas jeje algo es algo

y por ultimo, darte las gracias por la ayuda, saludos

Torrecilla · 23 Feb 2013

mmm yo la verdad no batallo con CSS, todo lo hago xd
Puedes usar <center></center> para centrar, ya se que está en desuso y no se debería de usar pero = cumple su función al 100%

Chapi · 25 Feb 2013

Al td donde tiene la imagen pruba ponerle valign="middle"
Puede que solucione tu problema de centrado vertical, igualmente por los comentarios que estas haciendo, tu html no debe ser ni bonito ni correcto 😛

Gypaete · 4 Mar 2013

Lo más parecido que puedes encontrar al <table></table> es el <div>. Aunque si no controlas mucho, lo mejor es empezar por <table> y de ahí saltar al <div>. Que se suele usar bastante en diseños.

rafash · 4 Mar 2013

<table> está condenado a morir

pablixx · 8 Mar 2013

exacto, no tiene futuro menos ahora con html5, pero ya desde que se descubrio la gloria de los divs no hay nada mas que hablar!

¿Cómo centrar una imagen verticalmente sin moverla hacia abajo usando HTML?

franciscok

Felipe

franciscok

tepublico

franciscok

tepublico

franciscok

Torrecilla

Chapi

Gypaete

rafash

pablixx

Temas similares