CSS alignement texte image
4 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
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
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 €</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 - WRInaute occasionnel

- Messages: 140
- Inscription: Ven Aoû 11, 2006 13:09
Bonjour,
pour aligner du texte autour d'une image j'utilise le code suivant:
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
j'espere que ça à apporter un élément de réponse
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 - WRInaute occasionnel

- Messages: 216
- Inscription: Jeu Jan 10, 2008 18:03
un align="left" pour l'image ne suffirait pas?
- Code: Tout sélectionner
<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
4 messages • Page 1 sur 1
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Google crawle les fichiers CSS
- La terre vue par satellite : accord entre Google et Spot Image
- Ajouter un moteur de recherche d'images sur son site
- Idées d'optimisation du référencement des images
- Afficher le PageRank en entier dans Firefox (barre d'outils Google)
- Google change de favicon
- Prise en compte de la mise en page HTML par les moteurs de recherche
- Nouveautés sur les recherches de Google Images
- Comment optimiser la proéminence des mots-clés
- Mise à jour de Google Images (16/04/2006)
Consultez la description détaillée des produits ou services de Google suivants : Google Image Labeler
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


le forum