Foros del Web - Ver Mensaje Individual

eduardobpe · #1 (**permalink**) 28/05/2012, 03:48

Hola. Estoy empezando a aprender HTML y CSS y a hacer mis pequeños ejemplos. De momento no tengo demasiada idea, y estoy empezando a leer documentación sobre esto, pero acabo de realizar un pequeño ejemplo en el que me ha surgido una duda. A ver si alguien me puede ayudar.

El código HTML es el siguiente:

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <title>Ejemplo con textarea</title>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="estilo_ejemplo.css">
</head>
<body>
    <div id="contenedor" class="miContenedor">
        <img class="miImagen" src="samsung.png" width="106" heigth="35" alt="Logo Samsung"/>
    </div>
</body>
</html>

Tengo un div que dentro tiene una imagen.

El CSS es el siguiente:

Código CSS:

Ver original* {margin: 0; padding:0}
 
html,body{
    font-size:16px;
}
 
.miContenedor{
    background-color:#FA6262;
    border:5px solid #000000;
}
.miImagen{
    border:1px solid #8DFA62;
}

Y aquí una captura de imagen de la página web:

Como se ve en la imagen, hay un hueco en la parte inferior de la imagen del logo de samsung, entre el borde verde de ésta y el borde negro del <div>.
¿Cómo puedo quitar este espacio?.