[Résolu] Espace entre bordure et image. • Forum • Zeste de Savoir

ZORDE, dimanche 28 avril 2019 à 01h22

Bonsoir, J’ai un petit problème, je veux mettre une bordure autour de mon image mais il y a un espace en haut et en bas entre l’image et la bordure.

<!DOCTYPE html>
<html>
<head>
  <meta charset = "UTF-8" />
  <link rel = "stylesheet" href = "style.css" />
  <title>Mon CV</title>
</head>

<body>
  <h1> Zaki Shifty </h1>
  <div id= "i">
  <p> Jeune rêveur </p><br/>
  </div>

  <header id= "image">
     <br/> <a href = "image.jpg" target = "_blank"><img src = "image-mini.jpg" alt= "Miniature"/></a>
  </header>

  <h2> Mon expérience </h2>
  <ul>
    <li><strong> De 1990 à 2009 </strong> : je fais parti des "Sans-visages" et
                 tous ce qui j'ai appris parmi eux m'a beaucoup servis pour la suite. </li>
    <li><strong> De 2009 à 2017 </strong> : je suis président des Etats-Unis
                 d'Amérique (oui Barack Obama c'est moi ;)). </li>
    <li><strong> De 2017 à aujourd'hui </strong> : je suis président de la
                 république Française (et oui je suis aussi Emmanuelle Macron). </li>
  </ul>

  <h2><br/> Mes compétences </h2>
  <ul>
    <li> Leader invétéré </li>
    <li> Javascript(seulement les bases) </li>
    <li> Parle japonais(j'ai les rudiments) </li>
  </ul>

  <h2><br/> Ma formation </h2>
  <p> J'ai appris sur internet pour ce qui est du Javascript et du japonaise
      mais pour être le leader que je suis aujourd'hui j'ai du me former auprès
      de maîtres expérimenter. </p>
</body>
</html>

h1
{
  text-align: center;
  font-size: 45px;
}

#i
{
  text-align: center;
}
h2
{
  color: #993366;
  font-size: 30px;
}

@font-face {
    font-family: '3dumbregular';
    src: url('3Dumb-webfont.eot');
    src: url('3Dumb-webfont.eot?#iefix') format('embedded-opentype'),
         url('3Dumb-webfont.woff2') format('woff2'),
         url('3Dumb-webfont.woff') format('woff'),
         url('3Dumb-webfont.ttf') format('truetype'),
         url('3Dumb-webfont.svg#3dumbregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, p, ul
{
  font-family: Verdana;
}

p, ul
{
  font-size: 20px;
}

body
{
  background-image: url("fond.jpg");
}

#image
{
  float: right;
  border: 5px black solid;
  box-shadow: 4px 6px 3px purple;
}