| |
 Savez-vous bien utiliser les outils de mesure d'audience ?
Effectuez-vous un calcul de ROI (Retour sur investissement) pour savoir comment améliorer vos campagnes emarketing ?
Savez-vous utiliser les bons outils pour booster votre taux de transformation ?
La formation Web Analytics de Ranking Metrics, présentée par un expert reconnu officiellement par Google Analytics, vous apportera les réponses à toutes vos questions !
===> Informations et inscriptions.
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
dudo
WRInaute impliqué
Inscrit le: 10 Jan 2004
Messages: 327
|
 Posté le : Jeu Aoû 28, 2008 10:50 Sujet du message: CSS alignement texte image |
|
|
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: |
<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 €</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
Nouveau WRInaute
Inscrit le: 11 Aoû 2006
Messages: 29
|
| Posté le : Jeu Aoû 28, 2008 15:58 Sujet du message: CSS alignement texte image |
|
|
Bonjour,
pour aligner du texte autour d'une image j'utilise le code suivant:
| Code: |
<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: |
<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
WRInaute occasionnel
Inscrit le: 10 Jan 2008
Messages: 192
|
| Posté le : Jeu Aoû 28, 2008 16:09 Sujet du message: CSS alignement texte image |
|
|
| un align="left" pour l'image ne suffirait pas? |
|
| |
|
|
photonick
Nouveau WRInaute
Inscrit le: 13 Mar 2007
Messages: 25
Localisation: toulouse | perpignan | sète
|
| Posté le : Jeu Aoû 28, 2008 20:16 Sujet du message: CSS alignement texte image |
|
|
| Code: |
<div class="store_price_info">
<span class="price"><a href="?pid=44391251">x - x €</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  ) |
|
| |
|
|
| |
|
|
|
|
Autres sujets de discussion :
|
|
