Imagen que coje el tamño del contenedor

juandedios · #1 (**permalink**) 08/07/2009, 00:55

Saludos, tego un div, dentro quiero ponerle unas cuantas imagenes dentro de un table, pero cuando pongo la imagen, con el taño especificado, esta, abarca todo el contenedor.

Código HTML:

Ver original<div class="ultimosclientes">
                <h2>Últimos Clientes</h2>
                <table cellpadding="2" cellspacing="2" border="1">
                    <tr>
                        <td><img src="images/comarsa.jpg" width="91" height="50" /></td>
                    </tr>
                </table>
            </div>

A que se debe, es la primera vez que me sucede esto.

hades87 · #2 (**permalink**) 08/07/2009, 02:14

te has fijado que el width y heihgt de la imagen sean correctos?

juandedios · #3 (**permalink**) 08/07/2009, 11:28

Asi es son los correctos, pero como dije es la primera vez que me pasa esto, es mas nunca tuve necesiad de poner el width y el height de la imagen si eran los que necesitaba, porque razón coje el tamaño del contenedor???????????????????????????.

Zapiko · #4 (**permalink**) 08/07/2009, 13:09

Acabo de hacer una prueba con ese codigo, y a mi me funciona correctamente, o no entiendo lo que te pasa... a ver lo veo con el titulo "Ultimos clientes" y debajo una celda que tiene la imagen dentro en el tamaño que se le pidio, en firefox me sale mas pequeño que con IE pero me imagino que seran modificaciones mias del navegador....

kseso? · #5 (**permalink**) 08/07/2009, 14:02

Podrías simplificar, si lo que quieres es mostrar todas las imágenes con el mismo tamaño en ese contendor:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Kseso? jugando con css </title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; border:0; outline:none;  position: relative;}
.ultimosclientes {
 width: 80%;
 margin: 0 auto;
 border: 1px solid #600;
 overflow: hidden;
 text-align: center;
 }
.ultimosclientes h2 {text-align: center;}
.ultimosclientes img {
  display: inline;
  width:200px;
  height:200px;
  margin: 5px;
  padding: 10px 10px 20px;
  background: #444;
  overflow: hidden;
  }
</style>
</head>
<body>
<div class="ultimosclientes">
    <h2>Últimos Clientes</h2>
    <img src="http://ventas26.files.wordpress.com/2008/09/cliente-es-primero1.jpg" tittle="" alt= "" />
    <img src="http://www.antoniodomingo.com/wp-content/uploads/2009/03/cliente.jpg" tittle="" alt= "" />
    <img src="http://www.blocdeapuntes.net/images_wordpress/atencion_cliente.jpg" tittle="" alt= "" />
    <img src="http://gonzalezsanchez.files.wordpress.com/2008/08/servicio-al-cliente.jpg" tittle="" alt= "" />
    <img src="http://www.simply.es/images/izquierdaAtencionCliente.jpg" tittle="" alt= "" />
    <img src="http://lacrudarealidad.blogsome.com/images/vodafone.jpg" tittle="" alt= "" />
    <img src="http://elezeta.net/blog/wp-content/uploads/2008/03/el-cliente-siempre-tiene-la-razon.jpg" tittle="" alt= "" />
    <img src="http://bligoo.com/media/users/0/11288/images/disenador%20cliente.JPG" tittle="" alt= "" />
</div>
</body>
</html>

Claro que lo anterior no deja de ser un divertimento, pues desconocemos todas las particularidades de la página.

Un saludo

juandedios · #6 (**permalink**) 08/07/2009, 15:32

Si gracias, me di cuenta de que cosa estaba haciendo mal, había puesto

Código CSS:

Ver original* {width: 100&#37;; height: 100%;}

kseso? · #7 (**permalink**) 08/07/2009, 15:46

Hola Juandedios
Qué bueno que descubrirte el "error".
Pero creo que no es buena idea asignar esas propiedades al selector universal (*). Posiblemente te ocasionará más perjuicios que beneficios.
Creo recordar que nunca lo he visto incluido en ninguna "puesta a cero de css" (reset css).

Un saludo