Foros del web, para los que viven de bits

farve · 16-mar-2008, 19:50

Hola

el body de mi pagina es del 80% con lo que segun que resolucion tengas es mas grande o menos y me entran mas o menos imagenes en "una linea"

a 1024x768 el body mide unos 800px y se ve mas o menos esto:

bueno realmente eso es lo que quiero conseguir.

lo que tengo ahora es lo mismo pero sin div y sin textos
he probado con <br>, con <p>, poniendo la capa inline, y mas cosas pero no soy capaz de que se parezca a la imagen.

Con float funcionaria pero no me quedaria centrado.(por ejemplo la ultima imagen apareceria a la izquierda)

Haber si sabéis contestarme.
Si no me e explicado bien decirmelo.

Aqui teneis el codigo html.

Código:

    <div id="contenido">
        <a href="11/11.html"><img src="11/miniaturas/mini001.jpg" /></a>
        <a href="10/10.html"><img src="10/miniaturas/mini001.jpg" /></a>
        <a href="09/09.html"><img src="09/miniaturas/mini001.jpg" /></a>
        <a href="08/08.html"><img src="08/miniaturas/mini001.jpg" /></a>
        <a href="07/07.html"><img src="07/miniaturas/mini001.jpg" /></a>
        <a href="06/06.html"><img src="06/miniaturas/mini001.jpg" /></a>
        <a href="05/05.html"><img src="05/miniaturas/mini001.jpg" /></a>
        <a href="04/04.html"><img src="04/miniaturas/mini001.jpg" /></a>
        <a href="03/03.html"><img src="03/miniaturas/mini001.jpg" /></a>
        <a href="02/02.html"><img src="02/miniaturas/mini001.jpg" /></a>
        <a href="01/01.html"><img src="01/miniaturas/mini001.jpg" /></a>
    </div>

y el css aplicable.

Código:

#contenido {
text-align: center; 
}

gracias y saludos

Eourus · 17-mar-2008, 05:49

hombre no se si lo entendí muy bien, pero creo que tendrías que poner algo así en el html:

<div id="contenido">
<div><a href="11.html"><img src="11/miniaturas/mini001.jpg" /></a><br> texto</div>
</div>

farve · 17-mar-2008, 07:33

me pone el texto debajo, pero tambien las imagenes, es decir se ponen las imagenes en columna.

eso es porque div es de tipo block.

pero si le pongo inline, se descuadra y me aparece le texto delante de la siguiente imagen.

con la etiqueta <p> sera lo mismo o se podra "jugar" con ella??

como lo soluciono?

con float funcionaria, pero luego no saldrian centradas las capas(imagenes).
Como centrar capas arrastradas con float?

salu2

emiliodeg · 17-mar-2008, 08:44

puedes tambien agregarle a la img un clear para que comience a escribir por debajo

16-mar-2008, 19:50	#1 (permalink)
farve Fecha de Ingreso: marzo-2005 Mensajes: 74	Texto debajo de imagenes y todo centrado Hola el body de mi pagina es del 80% con lo que segun que resolucion tengas es mas grande o menos y me entran mas o menos imagenes en "una linea" a 1024x768 el body mide unos 800px y se ve mas o menos esto: bueno realmente eso es lo que quiero conseguir. lo que tengo ahora es lo mismo pero sin div y sin textos he probado con <br>, con <p>, poniendo la capa inline, y mas cosas pero no soy capaz de que se parezca a la imagen. Con float funcionaria pero no me quedaria centrado.(por ejemplo la ultima imagen apareceria a la izquierda) Haber si sabéis contestarme. Si no me e explicado bien decirmelo. Aqui teneis el codigo html. Código: <div id="contenido"> <a href="11/11.html"><img src="11/miniaturas/mini001.jpg" /></a> <a href="10/10.html"><img src="10/miniaturas/mini001.jpg" /></a> <a href="09/09.html"><img src="09/miniaturas/mini001.jpg" /></a> <a href="08/08.html"><img src="08/miniaturas/mini001.jpg" /></a> <a href="07/07.html"><img src="07/miniaturas/mini001.jpg" /></a> <a href="06/06.html"><img src="06/miniaturas/mini001.jpg" /></a> <a href="05/05.html"><img src="05/miniaturas/mini001.jpg" /></a> <a href="04/04.html"><img src="04/miniaturas/mini001.jpg" /></a> <a href="03/03.html"><img src="03/miniaturas/mini001.jpg" /></a> <a href="02/02.html"><img src="02/miniaturas/mini001.jpg" /></a> <a href="01/01.html"><img src="01/miniaturas/mini001.jpg" /></a> </div> y el css aplicable. Código: #contenido { text-align: center; } gracias y saludos

17-mar-2008, 05:49	#2 (permalink)
Eourus Fecha de Ingreso: octubre-2006 Ubicación: Murcia - España Mensajes: 305	Re: Texto debajo de imagenes y todo centrado hombre no se si lo entendí muy bien, pero creo que tendrías que poner algo así en el html: <div id="contenido"> <div><a href="11.html"><img src="11/miniaturas/mini001.jpg" /></a><br> texto</div> </div> __________________ Mis webs personales: http://www.costadelaespada.com http://blog.costadelaespada.com

17-mar-2008, 07:33	#3 (permalink)
farve Fecha de Ingreso: marzo-2005 Mensajes: 74	Re: Texto debajo de imagenes y todo centrado me pone el texto debajo, pero tambien las imagenes, es decir se ponen las imagenes en columna. eso es porque div es de tipo block. pero si le pongo inline, se descuadra y me aparece le texto delante de la siguiente imagen. con la etiqueta <p> sera lo mismo o se podra "jugar" con ella?? como lo soluciono? con float funcionaria, pero luego no saldrian centradas las capas(imagenes). Como centrar capas arrastradas con float? salu2

17-mar-2008, 08:44	#4 (permalink)
emiliodeg Fecha de Ingreso: septiembre-2005 Ubicación: Córdoba Mensajes: 934	Re: Texto debajo de imagenes y todo centrado puedes tambien agregarle a la img un clear para que comience a escribir por debajo __________________ Degiovanni Emilio developtus.com mi neurona

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado