La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  probeleme d'affcihage de texte à gauche
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: probeleme d'affcihage de texte à gauche  (Lu 725 fois)
probeleme d'affcihage de texte à gauche
« sur: le 27-03-2009 a 11:26:59 »
manjava
Membre récent
*

Hors-Ligne

Messages: 23



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

Bonjour,

je suis en train de faire un decoupage de image en css mais j'ai un probleme concerne le affichage de texte a cote de l'image voila mon code css:
<div class="saison_infos">
   <p>
      SAISON 1<br/>
      Emission du 15 mars 2008<br />
      &#8220;TROUVILLE&#8221;
   </p>
   <a href="#"><img src="/images/commun/sophie/bouton_regarder_emission.jpg" /></a>
   <img src="/images/commun/sophie/prev_emission_1.jpg"/><br />
   <p>
      <strong>Infos centre équestre:</strong><br />
      </p>
   <p>
      <strong>Renseignements historiques sur Villerville:</strong><br />
      <a href="http://XXX" title=""></a>
   </p>
</div>
<div class="saison_infos_desc">
   <p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
   </p>
   <p>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
   </p>
xxxxxxxxxxxxxxxxxxxxxxx
   <p>
   xxxxxxxxxxxxxx
   </p>
</div>
.saison_infos{
   margin-top:18px;
   color:#fa1596;
   font-size:11px;
      }
.saison_infos img{
   margin-top:12px;
   float:left;   
   clear:both;   
      }
.saison_infos p{
   clear:both;
}   
.saison_infos_desc{
   font-size:11px;
   color:#0f0f0f;
   top:144px;
   left:379px;
}
   

le texte que je veux affiche a gauche et xxxxxxxxx

merci

Rapporter au modérateur  

Re:probeleme d'affcihage de texte à gauche
« Répondre #1 sur: le 12-04-2009 a 14:37:16 »
Pixii
Membre récent
*

Hors-Ligne

Messages: 20





Voir le Profil    E-Mail
Répondre avec citation

Bonjour,

Essaye de mettre deux div en float left.
Un div pour l'image et un div pour tes infos contenu dans le container global : "saison_infos" Et dans ton code tu places les infos avant l'image sans oublier de donner une taille à ton container principal. Comme ça tu auras deux flottants dans une boite, ton texte à gauche et ton image à droite.  Si j'ai bien compris l'objet de la question.
C'est une des méthodes parmi tant d'autres.

Cordialement.

Rapporter au modérateur  

Webdesigner Freelance déclaré.
http://www.pixii.fr
contact@pixii.fr
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg