PONER FOTOS EN FILAS...

Hola a tod@s.

Quiero poner una pagina en mi web, q tenga fotos de la plantilla (de un equipo).

Por ejemplo, si somos 12, en 3 filas y 4 columnas. (4 fotos por fila)

la verdad es q no uso hoja de estilos, xo xa esto deberia no??

Pq no encuentro la forma de acerlo, si no :(

tengo que andar poniendo espacios en blanco xa separar fotos....

hay alguna forma medianemente decente de acerlo mejor???

GRACIAS :)

Puedes usar tablas y así lo sitúas cada una en su lugar :wink:

charly86 escribió:Hola a tod@s.

Quiero poner una pagina en mi web, q tenga fotos de la plantilla (de un equipo).

Por ejemplo, si somos 12, en 3 filas y 4 columnas. (4 fotos por fila)

la verdad es q no uso hoja de estilos, xo xa esto deberia no??

Pq no encuentro la forma de acerlo, si no :(

tengo que andar poniendo espacios en blanco xa separar fotos....

hay alguna forma medianemente decente de acerlo mejor???

GRACIAS :)

Hola:
Usted me dirá que para que le digo esto ya que acaba de decir que no utiliza hoja de estilo pero este estilo creo puede ponerlo en la misma página entre el <head> y el </head> por ejemplo:
<Style>
<div li {display:inline;float:left;width:126px;padding:5px;margin:10px;text-align:center;border-right:#FF0000 solid px;border-bottom:#FF0000 solid px}
</Style>

Ahora dentro de una capa de unos 800px de width, por ejemplo:
<body>
<div>
<h3>Galería de Fotos</h3>
<ul>

<a href="#>[contenido no disponible]
<span>Manuel</span></a>

<a href="#>[contenido no disponible]
<span>Juan</span></a>
otro mas
otro mas
otro mas
hasta los doce
luego

</div>
</body>
No estoy muy seguro si le servirá, pero a mi me da resultado , las imágenes o fotos dependiendo del ancho de cada una, pueden caber tres o cuatro por línea horizontal pero ellas mismas buscan su acomodo.
Bueno, solo era una sugerencia
Saludos

COMO SERIA CON TABLAS, MAS O MENOS???

Pues para abrir una tabla usamos la etiqueta <table border="0"> y la cerramos con </table>
Luego dentro colocamos las filas con las etiquetas <tr> y </tr>, y dentro de las filas las columnas con las etiquetas <td> y </td>
Dentro de la filas ya pones las imágenes.
De esta forma una tabla con dos filas y tres columnas tienes esta forma:
<table border="0">
<tr>
<td>Imagen</td>
<td>Imagen</td>
<td>Imagen</td>
</tr>
<tr>
<td>Imagen</td>
<td>Imagen</td>
<td>Imagen</td>
</tr>
</table>

Saludos :wink:

MUCHISIMAS GRACIAS.....DE NUEVO :)

:wink:

cuando pones "imagen" es la ruta verdad?
o sea, que por lo que he entendido, yo pongo:
<table border="0">
<tr>objetos/casa.gif</tr>

no?

vale, ha sido mas facil probarlo, y no, no funciona
Me puedes contar como lo hago, por favor?

donde pongo imagen debes de poner el código de la imagen, es decir:
[contenido no disponible]
Saludos

okis, la primera perfecta pero la segunda me la coloca abajo
Lo he puesto bien?


<table border="0">
<tr>[contenido no disponible]</tr>
<tr>[contenido no disponible]</tr>

vale, la siguiente vez, primero probare y luego si no sale te lo pregunto porque si no te voy a volver loco
Ya me ha salido, pero es normal que tengan un borde?
es un rectangulo blanco que sale exteriormente de la imagen

Pues si te fijas le tenemos indicado a la tabla que no tenga borde, por lo que no debería tener. El problema que tenías antes es que no habías puesto los td.
Saludos :wink:

Hola, ya que este post esta directamente relacionado con lo que estoy ahora mismo, aprovecho y me cuelo.Os cuento:
Yo también estoy con las miniaturas, pero de cientos de fotos. Así que me gustaría no tener que hacer 1000 paginas para mostrarlas todas, pero si que estén todas disponibles. tanto para clikar y agrandar, como para descargar.
He probado con esta secuencia:

<table border="0">
<tr>
<td>[contenido no disponible]</td>
<td>Imagen</td>
<td>Imagen</td>
</tr>
<tr>
<td>Imagen</td>
<td>Imagen</td>
<td>Imagen</td>
</tr>
</table>


Indicar que, por ejemplo, donde esta (objetos/fotomanel.png), he probado tanto con el parentesis, como con las comillas ".

Gracias de antemano.

Lo correcto sería esto:
[contenido no disponible]
Saludos :wink:

Muchas gracias Jugoncan.
A la 1ª, así da gusto.

:wink: