hola, cuál es el mejor método para situar tres fotos horizontalmente, de igual tamano-una al lado de la otra- y que no queden pegadas? qué es mejor: tablas o capas?
imágenes en páginas web
Yo usaría tablas, aunque tambien puedes usar capas.
Pues yo usaría capas, la recomendación del W3C (www.w3c.org) es que no se usen tablas para crear efectos de presentación, por temas de accesibilidad, así es que lo mejor sería usar capas:
:wink:
<div>[img]....[/img]</div> (incluso cuesta menos que crear una tabla).:wink:
hq escribió:Pues yo usaría capas, la recomendación del W3C (www.w3c.org) es que no se usen tablas para crear efectos de presentación, por temas de accesibilidad, así es que lo mejor sería usar capas:(incluso cuesta menos que crear una tabla).<div>[img]....[/img]</div>
:wink:
gracias, intenté centrar las fotos dentro de la celda y dreamw. lo solucionó con capas dentro de la tabla. me preguntaba si esto se podía y tú me has aclarado un poco más.
tengo que usar ul y li para posicionarlas en el centro? cómo sería- más o menos- css?
Yo igual. Usaria una capa.
(hueco lateral) + (imagen) + (hueco) + (imagen2) + (hueco) + (imagen3) + (hueco lateral) = 800 px
Luego, puedo poner un ancho a cada hueco de 60 px y me da en total 800px.
En la hoja de estilos (o dentro del head si solo lo voy a usar en una de las páginas de mi web pero no en todas ellas) pondría:
Por qué 30px? Con esa cifra me quedaría así:
30px (imagen1) 30px 30px (imagen2) 30px 30px (imagen3) 30px
30px---200px-------60px------220px-----60px-------200px----30px = 800px
Y listo.
<div id="tresfotosenlinea">Luego calcularia la anchura de las tres (200+220+200=620, por ejemplo), vería de qué anchura dispongo en mi web (800px), y repartiria la diferencia por los lados de las webs (me sobran 800 - 620 = 180 pixeles a repartir por los lados entre las imagenes).
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</div>
(hueco lateral) + (imagen) + (hueco) + (imagen2) + (hueco) + (imagen3) + (hueco lateral) = 800 px
Luego, puedo poner un ancho a cada hueco de 60 px y me da en total 800px.
En la hoja de estilos (o dentro del head si solo lo voy a usar en una de las páginas de mi web pero no en todas ellas) pondría:
#tresfotosenlinea img {margin: 10px 30px 10px 30px}
Por qué 30px? Con esa cifra me quedaría así:
30px (imagen1) 30px 30px (imagen2) 30px 30px (imagen3) 30px
30px---200px-------60px------220px-----60px-------200px----30px = 800px
Y listo.
jorgens, esa ha sido toda una lección en pocas líneas!
agradecida paula.
lo que tengo que arreglar son varias páginas llenas de fotos. si queréis saber cómo es, en www.paulacuevas.de las encontraréis.
unos cuantos consejos más serían bienvenidos.
agradecida paula.
lo que tengo que arreglar son varias páginas llenas de fotos. si queréis saber cómo es, en www.paulacuevas.de las encontraréis.
unos cuantos consejos más serían bienvenidos.