Inicio » Introducción a CSS » Capítulo 16. Ejercicios resueltos » 16.9. Solución ejercicio 9
16.9. Solución ejercicio 9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio galería de imágenes</title>
<style type="text/css">
#galeria {
/* En el navegador Internet Explorer versión 6 y anteriores no funciona la propiedad "max-width" */
max-width: 650px;
}
#galeria img {
float: left;
margin: 1em;
padding: .5em;
border: 1px solid #CCC;
}
</style>
</head>
<body>
<div id="galeria">
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
<img src="../comun/imagenes/imagen.png" alt="Imagen generica" />
</div>
</body>
</html>
Descargar solución completa
Puedes sugerir, comentar, criticar e informar de errores en contacto (arroba) librosweb.es