CSS alignement texte image

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par dudo, 28 Août 2008.

  1. dudo
    dudo WRInaute impliqué
    Inscrit:
    10 Janvier 2004
    Messages:
    532
    J'aime reçus:
    0
    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 &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>
     
  2. antoinedavid
    antoinedavid WRInaute discret
    Inscrit:
    11 Août 2006
    Messages:
    112
    J'aime reçus:
    0
    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
     
  3. blackhawker
    blackhawker WRInaute discret
    Inscrit:
    10 Janvier 2008
    Messages:
    203
    J'aime reçus:
    0
    un align="left" pour l'image ne suffirait pas?
     
  4. photonick
    photonick Nouveau WRInaute
    Inscrit:
    13 Mars 2007
    Messages:
    25
    J'aime reçus:
    0
    Code:
    <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: )
     
Chargement...
Similar Threads - CSS alignement image Forum Date
Alignement CSS + image Développement d'un site Web ou d'une appli mobile 17 Novembre 2012
Css et alignement image Développement d'un site Web ou d'une appli mobile 22 Janvier 2007
Interro surprise pour les rois du CSS : Alignement en diagonale Développement d'un site Web ou d'une appli mobile 23 Juillet 2015
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
menu horizontal défilant en css...un problème d'alignement Développement d'un site Web ou d'une appli mobile 1 Novembre 2010
Problème d'alignement vertical en css Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
css alignement input IE et firefox : perte de cheveux ! RESOLU Développement d'un site Web ou d'une appli mobile 5 Janvier 2010
Problème alignement d'un div en css Développement d'un site Web ou d'une appli mobile 26 Juin 2008
[CSS] Problème d'alignement sous IE... Développement d'un site Web ou d'une appli mobile 14 Mai 2007
[CSS] Problème d'alignement sous Firefox (OK avec IE) Développement d'un site Web ou d'une appli mobile 18 Octobre 2006
Css et alignement de texte [réglé] Développement d'un site Web ou d'une appli mobile 22 Mai 2006
[CSS] Bug alignement en bas Développement d'un site Web ou d'une appli mobile 11 Février 2006
CSS alignement texte Développement d'un site Web ou d'une appli mobile 8 Janvier 2006
problème d´alignement => CSS Administration d'un site Web 20 Juin 2005
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021