Autor Tema: Centrar una imagen con url para maquetación web  (Leído 6548 veces)

trueba

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 3
    • Ver Perfil
Centrar una imagen con url para maquetación web
« en: 06 de Enero 2013, 18:22 »
Hola a todos, soy nuevo por el mundillo este de en maquetación web y queria perdir ayuda.
Quiero centrar una imagen de url.
Salu2
« Última modificación: 12 de Septiembre 2014, 16:59 por Alex Rodríguez »

kansadostoy

  • Sin experiencia
  • *
  • Mensajes: 26
    • Ver Perfil
Re:Centrar una imagen con url
« Respuesta #1 en: 06 de Enero 2013, 19:29 »
Yo suelo centrar las imágenes metiéndolas dentro de una etiqueta <p> a la que le especifico que el estilo sea centrado, así por ejemplo:

Código: [Seleccionar]
<p style="text-align: center;">
<img alt="Joomla" src="http://farm7.static.flickr.com/6240/6213197523_420ee52db0.jpg" /></p>

Saludos!

trueba

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 3
    • Ver Perfil
Re:Centrar una imagen con url
« Respuesta #2 en: 06 de Enero 2013, 19:45 »
Yo he pusto lo mismo y estado verificando pero no se centra la imagen.
al final lo e conseguido con esta etiqueta <center> y </center> pero muchas gracias por tu respuesta.
Saludos!!

kansadostoy

  • Sin experiencia
  • *
  • Mensajes: 26
    • Ver Perfil
Re:Centrar una imagen con url
« Respuesta #3 en: 06 de Enero 2013, 20:21 »
Pues a mí sí se me centra  ::) A lo mejor tiene que ver con la versión de html o con el navegador que estemos usando, no todos los navegadores responden igual

trueba

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 3
    • Ver Perfil
Re:Centrar una imagen con url
« Respuesta #4 en: 06 de Enero 2013, 21:37 »
Quiero tratar de hacer una cosa asi, lo que más me cuesta es introducir el texto dentro del cuadro!!!
Me podrías echar una mano!!
Gracias
Salu2

kansadostoy

  • Sin experiencia
  • *
  • Mensajes: 26
    • Ver Perfil
Re:Centrar una imagen con url
« Respuesta #5 en: 07 de Enero 2013, 00:08 »
Una forma de hacerlo sería con una tabla. En la tabla el borde puedes hacerlo visible o no visible, de forma que la gente no verá que hay una tabla.

La otra forma sería usar etiquetas div, defines <div> insertas la imagen dentro del div, luego insertas el texto dentro del div y finalmente lo cierras </div>

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".