Mettre photo à côté du texte
Résolu
cricri
-
Yannick_Altuna_07 Messages postés 92 Statut Membre -
Yannick_Altuna_07 Messages postés 92 Statut Membre -
Bonjour,
je voudrais mettre une photo et un texte à côté ou un texte et une photo del 'autre coté je m'explique :
un paragraphe sur la gauche par exemple et la photo à droite ou inversement ..
j'ai voulu faire un float ça marche mais si le texte ne dépasse pas un peu la photo s'il nest pas assez long alors la photo déborde ... donc comment faire pour que ça rste à côté et que si c'est plus long ça n'aillepas forcément endessous de la photo .. suis je bien clair ?
voici le code html :
<p><img src="photo00.jpg" class="imageflottante"alt="photo1" title="Photo1" /></p>
<p>blablablablablablablabla</p>
<h3>Présentation</h3>
<p>
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.
</p>
<h2>Titre</h2>
<p>
blablablablablablablabla.blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.
</p>
et le code css :
.imageflottante
{
float: left;
margin-right: 10px;
}
qu'est-ce qui ne va pas ?? merci
je voudrais mettre une photo et un texte à côté ou un texte et une photo del 'autre coté je m'explique :
un paragraphe sur la gauche par exemple et la photo à droite ou inversement ..
j'ai voulu faire un float ça marche mais si le texte ne dépasse pas un peu la photo s'il nest pas assez long alors la photo déborde ... donc comment faire pour que ça rste à côté et que si c'est plus long ça n'aillepas forcément endessous de la photo .. suis je bien clair ?
voici le code html :
<p><img src="photo00.jpg" class="imageflottante"alt="photo1" title="Photo1" /></p>
<p>blablablablablablablabla</p>
<h3>Présentation</h3>
<p>
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.
</p>
<h2>Titre</h2>
<p>
blablablablablablablabla.blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.
</p>
et le code css :
.imageflottante
{
float: left;
margin-right: 10px;
}
qu'est-ce qui ne va pas ?? merci
A voir également:
- Mettre photo à côté du texte
- Google photo - Télécharger - Albums photo
- Google traduction photo texte - Guide
- Photo filtre 7 gratuit - Télécharger - Retouche d'image
- Google maps photo maison - Guide
- Partage photo - Guide
38 réponses
je t'ai répondu mais je ne vois plus ma réponse ... je ne comprends pas
ça avait l'air de marcher mais avec un texte plus long le texte se met en dessous de la photo si on la met à gauche comme toi et si je veux mettre une autre photo dessous la phot de celle déjà mise + du texte en dessous de l'autre texte ça ne marche pas .. dsl de t'avoir fait une fausse joie
tu penses pouvoir m'aider ? merci ;)
ça avait l'air de marcher mais avec un texte plus long le texte se met en dessous de la photo si on la met à gauche comme toi et si je veux mettre une autre photo dessous la phot de celle déjà mise + du texte en dessous de l'autre texte ça ne marche pas .. dsl de t'avoir fait une fausse joie
tu penses pouvoir m'aider ? merci ;)
Je n'en suis pas sur mais je pense qu'il faut être inscrit. Mais inscrit toi, c'est toujours utile, y compris pour les problèmes hors code HTML.
Pour les carré je vois pas d'ou ça viens, moi les accents apparaisse normal.
Je suis content que tu es pu réussir, mais comme je le disais dernièrement, va faire un tour sur le site du zéro, ça apprend progressivement, en douceur, c'est vraiment bien fais.
Soit bénit, bonne journée
Pour les carré je vois pas d'ou ça viens, moi les accents apparaisse normal.
Je suis content que tu es pu réussir, mais comme je le disais dernièrement, va faire un tour sur le site du zéro, ça apprend progressivement, en douceur, c'est vraiment bien fais.
Soit bénit, bonne journée
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je vais essayer et je vous tiens au courant
mais vous êtes sur que ça va suffir à résoudre mon problème de texte pas assez long ? merci
mais vous êtes sur que ça va suffir à résoudre mon problème de texte pas assez long ? merci
non ça ne marche pas là avec ce nouveau changement de cocage le texte se trouve bien à droite de la photo mais il démarre tout en bas de la photo et passe dessous s'il est plus long par contre sur une ligne il se met en bas à droite de la photo ... et moi je veux qu'il soit à côté mais pas tout en bas ... merci ;)
je ne pense pas que ce soit faisable :/
la seule façon que je vois, c'est de mettre ton image et de mettre le texte à part pour ensuite le coller grâce à du CSS
la seule façon que je vois, c'est de mettre ton image et de mettre le texte à part pour ensuite le coller grâce à du CSS
merci mais je suis dsl chez moi ça sort (le texte en dessous de la photo pas à coté ... chez toi ça sort à côté ?
j'y arriverai jamais ....
j'y arriverai jamais ....
en fouillant sur le net je me suis demandé s'il ne fallait pas que je bosse surl e positionnement absolu en css avec cela : absolute : positionnement absolu.
fixed : positionnement fixe.
relative : positionnement relatif. ça serait pas le plus simple au final ?
ça me parait être la solution non ? qu'en pensez vous ?merci
fixed : positionnement fixe.
relative : positionnement relatif. ça serait pas le plus simple au final ?
ça me parait être la solution non ? qu'en pensez vous ?merci
jen'ai pas compris Vincent ce que tu veux dire par : mais pour la croit moi fait 2 bloc (<div>) en float:left et ça seras ok !
??? tu as oublié un mot car jene comprendsp asle sesn de ta phrase excuse moi ;!
??? tu as oublié un mot car jene comprendsp asle sesn de ta phrase excuse moi ;!
j'essaie de comprendre le sens mais je n'y arrive pas .... ou si tu peux me donner le code car je suis débutant ;) merci
ne penses tu pas ou ne pensez vous pas qu'en changeant mon image qui en inline en block je pourrai ainsi la positionné où je veux plus facilement en utilisant display: block; ça ça pourrait pas me faciliter la tache non ?
ne penses tu pas ou ne pensez vous pas qu'en changeant mon image qui en inline en block je pourrai ainsi la positionné où je veux plus facilement en utilisant display: block; ça ça pourrait pas me faciliter la tache non ?
alors, tu as réussi?