Bonjour,

je suis en train de coder un petit blog pour mon site personnel, mais j'ai un gros probleme, quand je met l'image en align=left (donc en flotant) la boite ne s'applique que sur le texte ecrit donc l'image n'est plus entourée. (Voir l'image ci-dessous). Ma question est la suivante : comment faire pour que la boite bleu claire se mette a  la meme taille que l'image quand le texte n'est pas assé long ?


Ci dessous : l'image + extrait de mon fichier CSS + extrait code HTML



MON CSS
========

#ecran_blog
{
    position:relative;
    left:220px;
    width:70%;

}

#blog
{
    background-image:url("./../thm/lightblue_fond-box.png");
    border-width:thin;
    border-style:solid;
    border-color:white;
    left:220px;
    margin:30px;
    vertical-align:top;
}


#blog_text
{
    position:relative;
    vertical-align:top;
    margin-left:5px;
}


#image
{
  float:left;
  padding:5px;
}

CODE HTML
===========
<div id="blog">
          <div id="titre">
            <b><i>&nbsp;&nbsp;<? echo $donnees['titre']; ?></i></b>
          </div>
          <div id="image">
            <img width=200 height=200 src="<? echo $donnees['url_media']; ?>" >
          </div>
          </a NAME="<? echo $donnees['id_news']; ?>">
          <span id="blog_text">
            <? echo $donnees['texte']; ?>
          </span>
          <hr>
</div>
____________________
Ma Quete n'est pas Terminee

Alors la, bravo. merci pour l'aide, je connaissait pas du tout ceci.

____________________
Ma Quete n'est pas Terminee

Salut

mais de rien :)

---

une recherche sur exalead vous aurait peut-etre evite de poser cette question