CSS alignement texte image

[dudo]

Bonjour,

Je ne trouve pas la réponse au problème suivant, je souhaite mettre du texte à droite d'une image en CSS. Sous IE6 aucun probleme mais sous firefox, tout mon texte se décale sous l'image, malgré l'utilisation de
float: left;
Y'a'til une solution pour faire remonter ce texte et l'aligner à droite de l'image.

ludo merci

Code: Tout sélectionner


<style type="text/css">
<!--
#container .stores {
   margin: 10px;
   border: 1px solid #CCC;
}
#container .stores .store_image {
   width: 100px;
   float: left;
}
#container .stores .store_description {
   float: right;
   width: 90%;
}
#container .stores .store_price_info {
   float: left;
   margin: 5px;
   width: 100%;
}
#container .store {
   margin: 0px;
   padding: 5px;
   border-bottom: 1px solid #CCC;
}
#container .stores {
   margin: 10px;
   border: 1px solid #CCC;
             }
#container .store_description h2 {
   margin: 0px 0px 2px;
   padding: 0px;
   font-size: 1.1em;
}
#container .store_promo {
   color: #666666;
}
//-->
</style>

        <div class="store">
            <div class="store_image">
               <a href="?pid=44391251"><img src=".jpg" border="0" /></a>
               </div>
               <div class="store_description">
               <h2><a href="?pid=44391251">Titre</a></h2>
               <div class="store_promo">Aucun avis</div>
                   Description , Description Description Description...
                              <br />
                           </div>
                           <div class="store_price_info">
                              <span class="price"><a href="?pid=44391251">x - x &euro;</a> <a href="?pid=44391251"><img src="/search/images/prix.png" /></a></span><br />
                              de 4 magasins<br />      
                           </div>
                           <div class="clear"></div>
                        </div>

[antoinedavid]

Bonjour,

pour aligner du texte autour d'une image j'utilise le code suivant:

Code: Tout sélectionner

<style type="text/css">
@import url("css/body.css");
.floatleft
{
float: left;
margin: 10px 15px 5px 100px;
}
</style>


Ici dans l'entête de ma page mais a mon avis possibilité de le mettre dans une feuille CSS

et voici le code pour placer l'image

Code: Tout sélectionner


<img class="floatleft" src="images.jpg" width="68" height="95" alt="Texte alternatif" /> <h1>le titre h1</h1>

  <p>Le début du texte qui va entourer l'image</p>
  <p>La suite du texte qui va entourer l'image</p>



j'espere que ça à apporter un élément de réponse

[blackhawker]

un align="left" pour l'image ne suffirait pas?

[photonick]

Code: Tout sélectionner

<div class="store_price_info">
                              <span class="price"><a href="?pid=44391251">x - x &euro;</a> <a href="?pid=44391251"><img src="/search/images/prix.png" /></a></span><br />
                              de 4 magasins<br />     
                           </div>

une image (type bloc) dans un span (type en-ligne), déjà y'a moyen que ca plaise pas à FF.
puis y'a des trucs bizarres dans ton code : "de 4 magasins" dans aucune balise ?

je sais pas si c'est voulu, mais le problème vient peut-etre de là

(enfin j'ai pas vraiment réussi à comprendre ce que tu voulais faire, donc je suis peut etre à coté de la plaque )