Foros del Web » Creando para Internet » HTML »

galeria de imagenes (ayuda urgente porfavor)

 Estas en el tema de galeria de imagenes (ayuda urgente porfavor) en el foro de HTML en Foros del Web. Hola buenas, queria hacer una galeria de fotos, y solo me sale una hilera de fotos en miniatura y queria hacer que saliera otra hilera ...
  #1 (permalink)  
Antiguo 01/11/2006, 14:58
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
galeria de imagenes (ayuda urgente porfavor)
Hola buenas, queria hacer una galeria de fotos, y solo me sale una hilera de fotos en miniatura y queria hacer que saliera otra hilera debajo, 4 fotos arriba y otras 4 abajo o similar, nose si se podra hacer llevo poco tiempo con el html, decirme que tendria que modificar o añadir ,por favor ayudarme...
Gracias de antemano

Asi seria el codigo, como lo tengo hecho..

<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">

<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">

<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">


<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">


<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">
  #2 (permalink)  
Antiguo 01/11/2006, 15:37
Avatar de Laider  
Fecha de Ingreso: octubre-2006
Mensajes: 52
Antigüedad: 17 años, 5 meses
Puntos: 0
<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">

<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">

<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">


<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">


<a href="imagen.jpg" target="_blank">
<IMG BORDER="1" SRC="imagen.jpg" ALT="imagen.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">
<br>

luego pon el codigo de las demas
  #3 (permalink)  
Antiguo 01/11/2006, 16:12
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
muchas gracias por tu ayuda no me acordaba bien de hacerlo.

es que en mi pagina tengo bastantes fotos y las tengo reducidas puestas en 5 paginas con unas 6 fotos cada pagina y lo veo asi muy desordenado, tambien tenia pensado poner unos numeros para pasar a la siguiente pagina, ¿con la galeria asi en miniatura del modo que esta hecho tardara menos en cargar las imagenes?

gracias
  #4 (permalink)  
Antiguo 01/11/2006, 17:10
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
<html><head><title>Fotos de Masueco I</title>
<META NAME="TITLE" CONTENT="MASUECO DE LA RIBERA">
<META NAME="DESCRIPTION" CONTENT="MASUECO DE LA RIBERA (web no oficial)">
<META NAME="KEYWORDS" CONTENT="Masueco, Masueco de la ribera, Arribes del Duero, fotos de Masueco">
<META NAME="AUTHOR" CONTENT="Miguel Angel">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 31 Dec 2054 00:00:01 PST">
<META HTTP-EQUIV="CHARSET" CONTENT="iso-8859-1">
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="Spanish">
<META HTTP-EQUIV="VW96.OBJECT TYPE" CONTENT="Otro">
<META NAME="RATING" CONTENT="General">
<META NAME="ROBOTS" CONTENT="index,follow">
<META NAME="REVISIT-AFTER" CONTENT="7 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" background="fondo">
<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
<tr valign="top">
<td>
</td>
<td colspan="2"> <img src="fondo2.JPG" width="488" height="8">
</td>
<td rowspan="5"> <img src="fondo2.JPG" width="106" height="126" border="0" align="right" vspace="0" hspace="0">
</td>
</tr>
<tr valign="top">
<td rowspan="4">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="indice">
<tr><td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">



<a href="principal" target="_top">MASUECO DE LA RIBERA</a><br><a href="galeria1" target="_top">Fotos de Masueco I</a><br><a href="galeria2" target="_top">Fotos de Masueco II</a><br><a href="galeria3" target="_top">Fotos de Masueco III</a><br><a href="galeria4" target="_top">Fotos de Masueco IV</a><br><a href="galeria5" target="_top">Fotos de Masueco V</a><br><a
href="descargas
target="_top">Descargas !!</a><br><a
href=""
target="_top">Foro !!</a><br><a
href="enlaces" target="_top">Enlaces ...</a>



</font>
</td>
</tr>
</table>
<p><img src="fondo2.JPG" width="67" height="135">
</td>
<td colspan="2">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="titulo">
<tr>
<td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#000000">
<b>
<i>

Fotos de Masueco I

</i>
</b>
</font>


</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td colspan="2">
</td>
</tr>
<tr valign="top">
<td>

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="parrafo">
<tr>
<td align="left" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">


<a href="iglesia2" target="_blank">
<IMG BORDER="1" SRC="iglesia2" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">
<br>


<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">


</td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
  #5 (permalink)  
Antiguo 01/11/2006, 17:11
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
haber si me podeis ayudar a detectar el fallo, no me salen alineadas las vistas en miniaturas no la fila de abajo, esta en html

gracias
  #6 (permalink)  
Antiguo 01/11/2006, 17:40
 
Fecha de Ingreso: mayo-2006
Mensajes: 475
Antigüedad: 17 años, 11 meses
Puntos: 58
Te habías dejado alguna comilla por ahí y algún "valign". A ver si funciona así.
Código PHP:
<html><head><title>Fotos de Masueco I</title>
<META NAME="TITLE" CONTENT="MASUECO DE LA RIBERA">
<META NAME="DESCRIPTION" CONTENT="MASUECO DE LA RIBERA (web no oficial)">
<META NAME="KEYWORDS" CONTENT="Masueco, Masueco de la ribera, Arribes del Duero, fotos de Masueco">
<META NAME="AUTHOR" CONTENT="Miguel Angel">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 31 Dec 2054 00:00:01 PST">
<META HTTP-EQUIV="CHARSET" CONTENT="iso-8859-1">
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="Spanish">
<META HTTP-EQUIV="VW96.OBJECT TYPE" CONTENT="Otro">
<META NAME="RATING" CONTENT="General">
<META NAME="ROBOTS" CONTENT="index,follow">
<META NAME="REVISIT-AFTER" CONTENT="7 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" background="fondo">
<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
<tr valign="top">
<td>
</td>
<td colspan="2"> <img src="fondo2.JPG" width="488" height="8">
</td>
<td rowspan="5"> <img src="fondo2.JPG" width="106" height="126" border="0" align="right" vspace="0" hspace="0">
</td>
</tr>
<tr valign="top">
<td rowspan="4">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="indice">
<tr><td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">
<a href="principal" target="_top">MASUECO DE LA RIBERA</a><br>
<a href="galeria1" target="_top">Fotos de Masueco I</a><br>
<a href="galeria2" target="_top">Fotos de Masueco II</a><br>
<a href="galeria3" target="_top">Fotos de Masueco III</a><br>
<a href="galeria4" target="_top">Fotos de Masueco IV</a><br>
<a href="galeria5" target="_top">Fotos de Masueco V</a><br>
<a href="descargas" target="_top">Descargas !!</a><br>
<a href="" target="_top">Foro !!</a><br>
<a href="enlaces" target="_top">Enlaces ...</a>
</font>
</tr>
</td>

</table>
<p><img src="fondo2.JPG" width="67" height="135">
</td>
<td colspan="2">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="titulo">
<tr>
<td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#000000">
<b>
<i>

Fotos de Masueco I

</i>
</b>
</font>


</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td colspan="2">
</td>
</tr>
<tr valign="top">
<td>

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="parrafo">
<tr>
<td align="left" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">


<a href="iglesia2" target="_blank">
<IMG BORDER="1" SRC="iglesia2" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1" valign=top >



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1" valign=top>



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1" valign=top>



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1" valign=top>


<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="130" height="120"></a></font></td>
<td width="60" align="center" height="1">


</td>
<td>
</td>
</tr>
</table>
</body>
</html> 
  #7 (permalink)  
Antiguo 02/11/2006, 05:51
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
me sigue sin salir bien, cuando lo hago en blanco si me sale, pero con el fondo,menu y demas no sale. de editor uso el webscope
  #8 (permalink)  
Antiguo 02/11/2006, 12:57
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
hoy he estado intentandolo otra vez pero no consiguo solucionarlo, alguien me puede ayudar a resolverlo, aunque sea con otro fondo o menu distinto

gracias de antemano
  #9 (permalink)  
Antiguo 02/11/2006, 13:34
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
haber si me podeis ayudar, estoy intentandolo de otra manera, asi mas sencillo, ¿como podria poner la hilera de vistas en miniatura en el centro de la
pagina?


[HTML]

<html><head><title>Galeria de fotos</title>
<META NAME="TITLE" CONTENT="MASUECO DE LA RIBERA">
<META NAME="DESCRIPTION" CONTENT="MASUECO DE LA RIBERA (web no oficial)">
<META NAME="KEYWORDS" CONTENT="Masueco, Masueco de la ribera, Arribes del Duero, fotos de Masueco">
<META NAME="AUTHOR" CONTENT="Miguel Angel">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 31 Dec 2054 00:00:01 PST">
<META HTTP-EQUIV="CHARSET" CONTENT="iso-8859-1">
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="Spanish">
<META HTTP-EQUIV="VW96.OBJECT TYPE" CONTENT="Otro">
<META NAME="RATING" CONTENT="General">
<META NAME="ROBOTS" CONTENT="index,follow">
<META NAME="REVISIT-AFTER" CONTENT="7 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" background="fondo.JPG">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="titulo">
<tr>
<td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#000000">
<b>
<i>

GALERIA DE FOTOS

</i>
</b>
</font>


</td>
</tr>
</table>

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="150" height="140"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="150" height="140"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="150" height="140"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="150" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>


<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="150" height="140"></a></font></td>
<td width="60" align="center" height="1">


</td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>
  #10 (permalink)  
Antiguo 03/11/2006, 13:54
Avatar de miguel404  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
ya he conseguido centrar la galeria de imagenes, es que soy nuevo en esto y todavia los codigos no los llevo bien, llevo poco tiempo. ahora me falta centrar el menu de navegacion, en horizontal haber si me podeis ayudar...


os dejo el codigo

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" background="fondo.JPG">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="titulo">
<tr>
<td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#000000">
<b>
<i>

GALERIA DE FOTOS

</i>
</b>
</font>


</td>
</tr>
</table>
<CENTER>

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC=".jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">



<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>


<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">


<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">


<CENTER>
</td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>

.......(((ESTE ES EL CODIGO DEL MENU DE NAVEGACION)))..............

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "#">
<html xmlns="#" xml:lang="ca" lang="ca">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Título de la página</title>
<style type="text/css">
ul#menu {list-style-type:none; margin:0; padding:0;}
ul#menu li {float:left; margin-right:.8em; padding-right:.6em; border-right: solid 1px #000;}
ul#menu a {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: blue; font-weight:bold; font-size:.8em;}
ul#menu a:hover {color:#FFF; background:blue;}
</style>

</head>

<body>

<ul id="menu">

<li><a href="#">Inicio</a></li>
<li><a href="#">Galeria de Fotos</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Enlaces</a></li>
</ul>

</body>

</html>
.................................................. ........................................
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 02:20.