¿Cómo centrar imagenes que son enlaces de Tynipic, Imageshack, etc...?

Tonimn · #1 (**permalink**) 10/06/2011, 09:14

Siempre me quedan a un lado.

Ejemplo:
http://i53.tinypic.com/25aojns.jpg

Yo lo tengo así: <center><A HREF="http://i53.tinypic.com/25aojns.jpg">Don Binomio e Hijo(Vázquez)</A></center>

jomaruro · #2 (**permalink**) 10/06/2011, 11:12

Hola:

La etiqueta <center> está obsoleta, mejor aplica margin:0 auto aplicando un id o una clase a la etiqueta <a>, por ejemplo.

Código CSS:

Ver original#centrado {
margin:0 auto;
}

Código HTML:

Ver original<a id="centrado" href="http://i53.tinypic.com/25aojns.jpg">Don Binomio e Hijo(Vázquez)</a>

Saludos.

Tonimn · #3 (**permalink**) 10/06/2011, 15:50

Sigue sin salir centrada, pero me parece que no has entendido mi pregunta, no me refiero a centrar el enlace sino la página del enlace.

jomaruro · #4 (**permalink**) 10/06/2011, 16:44

Hola:

Pues ahora aún estoy más perdido.

Saludos.

Tonimn · #5 (**permalink**) 11/06/2011, 02:45

Me refiero a cuando subo mis imágenes a un servidor de imágenes gratuito.
Por ejemplo:
Tengo en mi web centradito y bien colocado un link en el que clicar para que se abra la imagen que está en el servidor.
Y es esta imagen la que no puedo editar de ninguna manera.

legomolina · #6 (**permalink**) 11/06/2011, 09:32

Hola, hace poco me paso algo parecido. A ver si es lo que quieres decir: tienes una pagina principal como esta:

Código HTML:

<html>
<head>
</head>
<body>
    <a href="mi_imagen.jpg" target="_blank">Clik para ver la imagen</a>
</body>
</html>

entonces se abre una pestaña con fondo blanco con la susodicha imagen, es eso?

jomaruro · #7 (**permalink**) 11/06/2011, 10:38

Hola:

Entonces aplica lo que te he dicho antes a la etiqueta <img> en lugar de a la etiqueta <a>.

Saludos.

Tonimn · #8 (**permalink**) 11/06/2011, 12:19

¿Cuál es la etiqueta img?

angel1993 · #9 (**permalink**) 11/06/2011, 14:42

Es que cuando envias el enlace hacia una imagen el navegador lo pone siempre en el lado izquirdo, si lo quieres centrar en el centro lo que tienes que hacer es meter la imagen en un HTML y a centrarla en el HTML, ¿ me entiendes? el navegador muestra la imagen que tu le dices, pero no puede mostrarla como tu lo digas, el la muestra como sabe que es en la izquierda ¿me entiendeS?(joder parezco la esteban xd)

cybernatico · #10 (**permalink**) 11/06/2011, 18:33

Por que no mejor mandas un enlace de tu web para que podamos ver el problemas, ¿no crees?

jomaruro · #11 (**permalink**) 12/06/2011, 03:16

Hola:

Cita:

Iniciado por Tonimn

¿Cuál es la etiqueta img?

Mejor es que dejes lo que estás haciendo un par de días y te leas (si, ya se que es un fastidio leer) estos manuales.

1.- Introducción a XHTML.
2.- Introducción a CSS

Saludos.

Tonimn · #12 (**permalink**) 12/06/2011, 04:18

Insisto en que no están en mi servidor(así sería muy fácil y no tendría ninguna duda) sino en un servidor gratuito tipo Photobucket, Tynipic, Imageshack, Subefotos...

Pongo imágenes muy explícitas de lo que tengo:
1- Página con links hacia imágenes en Tynipic, Imageshack, etc...

2-Esto es lo que me sale

3-Esto es lo que quiero(aparte de poder centrarla poder escribir anotaciones en el borde blanco)

cybernatico · #13 (**permalink**) 12/06/2011, 09:54

Hola, hice mas o menos lo que querias, puede centrar la imagen pero no puede ponerle anotaciones, checkalo: http://www.4shared.com/file/8wkqxQrC/ejemplo.html

Espero que eso sea y te sirva, suerte y checka el código

Tonimn · #14 (**permalink**) 12/06/2011, 11:25

Muchas gracias cybernatico pero lo de tu ejemplo no es lo que pregunto.Me refiero a editar las imágenes que están en Tynipic a las que se accede mediante los links que son lo único que aparece en mi página(la pantalla rosa de la imagen que envío)

legomolina · #15 (**permalink**) 12/06/2011, 11:47

He visto la web de Tynipic y como enlazar una imagen, creo que lo que quieres hacer no se puede. Intenta subirlas a tu servidor y enlazalas, es más fácil

Tonimn · #16 (**permalink**) 12/06/2011, 12:41

Cita:

Iniciado por legomolina

He visto la web de Tynipic y como enlazar una imagen, creo que lo que quieres hacer no se puede. Intenta subirlas a tu servidor y enlazalas, es más fácil

El problema que tengo es que quiero meter más de mil imágenes y que al clicar en los links ocupen toda la página(por lo que imágenes de poco peso se verían mal, además que son de comics que se tienen que poder leer) y no encuentro un servidor barato que me permita eso.

zerokilled · #17 (**permalink**) 12/06/2011, 13:21

buenas,
@tonimn, ya te han explicado el asunto pero parece que aun no lo captas. cuando tu cargas una imagen directamente en el navegador, no hay forma de que puedas controlar como se visualiza. eso porque el navegador no esta cargando un documento html sino un grafico el cual carece de codigo html. en tu caso, cuando pulsas el enlace, se carga la imagen enlazada. ¿que deberias hacer? debes crear nuevos documentos html que cargue la imagen mediante el elemento <img>, y de esa manera puedes controlar el aspecto visual: estructura, tamaño, contenido, entre otros. claro, podrias terminar teniendo muchos documentos html (uno por cada imagen) el cual lo quieras evitar por el tiempo que demora en el mantenimiento. en dicho caso, te recomiendo que uses lenguaje de servidor si es que tu servidor admite alguno. si no tienes conocimiento de algun lenguaje servidor, pues tendras que conformarte con los multiples documentos. o sino, tambien puedes usar javascript (lenguaje lado cliente) para cargar dinamicamente la imagen. tanto en la solucion de lenguaje servidor como javascript, la idea es que solo tengas un documento html para cargar las imagenes, pero por supuesto, solo uno segun el enlace pulsado.

Tonimn · #18 (**permalink**) 12/06/2011, 14:08

¿Entonces mejor aprendo Javascript?

cybernatico · #19 (**permalink**) 12/06/2011, 14:09

zerokilled tiene razón amigo, es como el ejemplo que te mandé: http://nomanches.clanteam.com/ejemplo/

zerokilled · #20 (**permalink**) 12/06/2011, 14:28

Cita:

Iniciado por Tonimn

¿Entonces mejor aprendo Javascript?

no necesariamente, simplemente son opciones que te pueden ayudar para evitar ciertas tareas monotonas. si lo crees conveniente, pues adelante.

Tonimn · #21 (**permalink**) 12/06/2011, 15:05

Pues si me ahorrará tiempo mejor aprendo Javascript.
Como estoy aprendiendo lo considero una inversión.Muchas gracias.