Entrar

PONER FOTOS EN FILAS...

charly86 · · Solicitar retirada
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 :)
Raulyure · · Solicitar retirada
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
    • Agradecido de los que aprenden enseñando
    Jugoncan · · Solicitar retirada
    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:
    kaskum · · Solicitar retirada
    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?
    kaskum · · Solicitar retirada
    vale, ha sido mas facil probarlo, y no, no funciona
    Me puedes contar como lo hago, por favor?
    Jugoncan · · Solicitar retirada
    donde pongo imagen debes de poner el código de la imagen, es decir:
    [contenido no disponible]
    Saludos
    kaskum · · Solicitar retirada
    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>
    kaskum · · Solicitar retirada
    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
    Jugoncan · · Solicitar retirada
    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:
    mirixa · · Solicitar retirada
    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.
    Soy novato en esto y lo puedo demostrar.
    mirixa · · Solicitar retirada
    Muchas gracias Jugoncan.
    A la 1ª, así da gusto.
    Soy novato en esto y lo puedo demostrar.