Forum > XHTML / CSS > [CSS] Float
[CSS] Float
Le problème posé sur ce sujet a été résolu.| Auteurs | Messages |
|---|---|
| Page : 1 | |
stc |
# Posté le 11/07/2010 à 22h15 |
 Rang: membre |
Salut, j'ai pas trop su quoi mettre en titre voila mon problème, dans beaucoup de mes sites je suis amené a mettre une image miniature a gauche et a droite du texte, j'utilise donc un float: left; sur mon image mais le problème c'est que lorsque le texte dépasse l'image en hauteur, il vient se caler sous l'image. Voici un exemple de ce que je veux dire: exemple (site top jeunes talents). Existerait il une fonctionnalité CSS me permettant de faire flotter sur toute la hauteur? Merci |
funnycat |
# Posté le 11/07/2010 à 23h25 |
 Rang: administrateur |
Bonjour. Oui c'est possible. Il suffit de mettre le texte dans un div et d'assigner à ce div une marge à gauche (d'un largeur à peu près également à la largeur de l'image). Voici un exemple: HTML: Code: <img class="float_left" src="" alt="" /> <div class="marge_gauche">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.</div> CSS: Code: .float_left{ float:left; } .marge_gauche{ margin-left:100px; /* exemple de 100px si l'image fait 80px de large */ } J'espère que cela répond à ta question. Bonne fin de soirée. Ma page préférée? Le dossier référencement qui présente une multitude d'informations utiles.
 Sinon hors internet je suis développeur web PHP. |
|
stc |
# Posté le 11/07/2010 à 23h35 |
Rang: membre |
J'ai testé sur un de mes sites, ça fonctionne à merveille, merci! |
|
funnycat |
# Posté le 12/07/2010 à 00h44 |
Rang: administrateur |
Ravis de pouvoir aider.  Ma page préférée? Le dossier référencement qui présente une multitude d'informations utiles.
Sinon hors internet je suis développeur web PHP. |
| Page : 1 | |
