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

<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:

<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

<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]

<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à :wink:

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