[HTML] ligne de séparation

Yotte -  
 Serge -
Bonjour,

je souhaite coller un image à une ligne de séparation. Or avec le code suivant, il apparaît un blanc entre la ligne et l'image.

<hr color=#336699 size=4px>
<img src="Images/bdeau_logo.gif">

Pouvez-vous m'aider ?
Merci !

2 réponses

  1. Yotte
     
    ok merci beaucoup !
    7
    1. talokan Messages postés 7 Statut Membre
       
      hello !
      Tu peux utiliser les styles CSS :

      <html>
      <head>
      <style>
      .maligne
      {
      margin-bottom:0px;
      border-bottom: solid 4px #336699;
      width:100%;
      }

      .monimage
      {
      margin-top:0px;
      background-color=red;
      }
      </style>
      </head>
      <body>
      <div class="maligne" /></div>
      <img class="monimage" src="Images/bdeau_logo.gif" />
      </body>
      </html>
      0
    2. Serge
       
      Je tenais juste à remercier talokan qui m'a permis, grâce à ces explications claires et efficaces, de placer un copyright et une ligne de démarcation sur le "footer" de mon forum :D
      0
  2. bacchuss Messages postés 1165 Statut Membre 190
     
    Bonjour,
    de mémoire, le langage HTML implique forcement un saut de ligne apres la balise <hr>

    moi ce que je ferai, c'est un tableau de deux lignes et une colonne avec cellpadding et cellspacing à 0.
    Dans la premiere ligne, je mets une image de 4 px de haut et de la couleur de ta ligne (336699) puis dans l'autre ton image bdeau_logo.gif

    et voila

    y a peut etre mieux mais ca ca marche
    2