Foros del Web » Creando para Internet » CSS »

Texto debajo de imagenes y todo centrado

Estas en el tema de Texto debajo de imagenes y todo centrado en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/03/2008, 20:50
 
Fecha de Ingreso: marzo-2005
Mensajes: 130
Antigüedad: 12 años, 9 meses
Puntos: 1
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
  #2 (permalink)  
Antiguo 17/03/2008, 06:49
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
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>
  #3 (permalink)  
Antiguo 17/03/2008, 08:33
 
Fecha de Ingreso: marzo-2005
Mensajes: 130
Antigüedad: 12 años, 9 meses
Puntos: 1
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
  #4 (permalink)  
Antiguo 17/03/2008, 09:44
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
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
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 05:36.