Foros del Web » Creando para Internet » CSS »

tlink en imagenes horizontales

Estas en el tema de tlink en imagenes horizontales en el foro de CSS en Foros del Web. Hola a todos: Soy nuevo por aqui, Soy lalo. me gustaria me apoyaran para insertar en un codigo que tome de este interesante foro, links ...
  #1 (permalink)  
Antiguo 24/09/2010, 19:26
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 13 años, 6 meses
Puntos: 0
tlink en imagenes horizontales

Hola a todos:
Soy nuevo por aqui, Soy lalo.
me gustaria me apoyaran para insertar en un codigo que tome de este interesante foro, links para que cada imagen pueda llevar al sitio especifico de la imagen
el codigo que tome es:
<div id="apDiv1">
<table width="100%" border="0">
<tr>
<td><img src="imagen1.jpg" align="left"></td>
<td><img src="imagen2.jpg" align="left"></td>
<td><img src="imagen3.jpg" align="left"></td>
</tr>
</table>


</div>

donde? y como le coloco la liga a cada imagen????
Por su ayuda mil gracias.
  #2 (permalink)  
Antiguo 24/09/2010, 19:43
Avatar de lair  
Fecha de Ingreso: enero-2009
Ubicación: header('Location: Morelia");
Mensajes: 1.052
Antigüedad: 15 años, 3 meses
Puntos: 46
Respuesta: tlink en imagenes horizontales

Hola y bienvenido al foro.

es sencillo, recuerda que para poner un link es de la siguiente manera:
<a href="direccion.html">Texto que veras como link</a>

ahora si lo que quieres que lo que se vea como link es una imagen en lugar de texto pues coloca ahi la etiqueta de la imagen.

te lo dejo asi, intentalo y sino aqui te ayudo mas

Suerte.
  #3 (permalink)  
Antiguo 24/09/2010, 19:48
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: tlink en imagenes horizontales

Hola Lair, Mil gracia spor tu respuesta y tus consejos, ahora bien, mi duda es:
en este codigo como pongo la liga que haces mencion, y aque si este codigo se mueve no me quedarian las imagenes al efecto.: img1,img2,img3. osea una despues de la otra alineadas.....
Muchas gracias de neuvo.
  #4 (permalink)  
Antiguo 25/09/2010, 00:39
Avatar de lair  
Fecha de Ingreso: enero-2009
Ubicación: header('Location: Morelia");
Mensajes: 1.052
Antigüedad: 15 años, 3 meses
Puntos: 46
Respuesta: tlink en imagenes horizontales

Hola.

ve estas dos paginas, te ayudaran a saber donde y como colocar el link
http://www.w3schools.com/TAGS/tag_a.asp
http://www.w3schools.com/TAGS/tryit....html_link_test

y no tiene por que moverse, debido a que estan posicionadas con una tabla y cada imagen esta en una celda de esta, por lo que se va afectar es el contenido de cada celda y no la celda en si

Suerte.
  #5 (permalink)  
Antiguo 25/09/2010, 15:04
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: tlink en imagenes horizontales

Desde HOY, Estimado amigo, Lar.
Mil, O Millones, Tal vez, Trillones de gracias. por tu magnifica ayuda.

Fue una maravilla el resultado. Gracias de nuevo.


" Que todos los seres sean felices".
  #6 (permalink)  
Antiguo 25/09/2010, 15:30
 
Fecha de Ingreso: septiembre-2010
Mensajes: 4
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: tlink en imagenes horizontales

Hola.
Ahora me toca aportar:

Si a alguien le sirve dejo este codigo de como lo realice.
Para hacer el efecto de: (imagenes con link una despues de la otra)

img1,img2,img3,img4,img5,img6

codigo:
<div id="apDiv1">
<table width="100%" border="0">
<tr>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

</tr>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

</table>


</div>

Para realizar el mismo efecto pero colocar mas imagenes debajo de la primera serie se coloca todo el codigo repetido debajo del codigo.

img1,img2,img3,img4,img5,img6
img1,img2,img3,img4,img5,img6


quedaria asi:


<div id="apDiv1">
<table width="100%" border="0">
<tr>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

</tr>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

</table>


</div>

<div id="apDiv1">
<table width="100%" border="0">
<tr>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

</tr>
<td><a href="tulink"><img

src="tuimagen" align="left"></a></td>

</table>


</div>

Espero les sea util.

"que todos los seres sean felices"

Etiquetas: imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:00.