Mettre photo à côté du texte

Résolu/Fermé
cricri - 31 juil. 2010 à 23:10
Yannick_Altuna_07 Messages postés 87 Date d'inscription lundi 4 mai 2009 Statut Membre Dernière intervention 12 septembre 2016 - 30 août 2010 à 10:22
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
A voir également:

38 réponses

merci j'essaierai celui là ;) merci et bonne vacances encore ;)
0
Yannick_Altuna_07 Messages postés 87 Date d'inscription lundi 4 mai 2009 Statut Membre Dernière intervention 12 septembre 2016 9
17 août 2010 à 15:31
Retour de vacances.

alors, tu as réussi?
0
oui merci ça marche super bien merci merci merci !!
0
Yannick_Altuna_07 Messages postés 87 Date d'inscription lundi 4 mai 2009 Statut Membre Dernière intervention 12 septembre 2016 9
25 août 2010 à 11:32
Super, je suis content, pense à me mettre un petit "+" et marqué le sujet comme résolu, se sera mon premier ^^.

Cordialement,
Yannick
0
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 ;)
0
pardon je n'avais pas vu ta réponse merci beaucoup j'essaie ça demain car là je n'aurai pas le temps .. et je te tiens au courant ;)merci merci merci ;)
0
Yannick_Altuna_07 Messages postés 87 Date d'inscription lundi 4 mai 2009 Statut Membre Dernière intervention 12 septembre 2016 9
26 août 2010 à 16:08
ok ok, j'attends donc demain, sinon un truc qui peut t'aider bien plus que ça, va voir les cours CSS sur le site du zéro, ça t'apprends depuis 0 ^^ les bases des CSS, c'est comme ça que j'ai débuté.
0
dsl pas eu le temps aujourd'hui j'essaie ce we ;) merci de ta patience
0
merci ça marche !! oui j'utilise un doctype
par contre là avec le code donné le charset me fait les accents en carré ! c'est normal ?
dis moi je ne peux mettre en résolu qu'en étant inscrit ?
merci meci merc pour tout !! ;)
0
Yannick_Altuna_07 Messages postés 87 Date d'inscription lundi 4 mai 2009 Statut Membre Dernière intervention 12 septembre 2016 9
30 août 2010 à 10:22
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
que ne comprends tu pas ??
-1
taratata668 Messages postés 3070 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 12 avril 2014 248
31 juil. 2010 à 23:24
Il a modifié le code je crois... test le
0
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
-1
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 ;)
-1
personne ????????????
-1
Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
1 août 2010 à 18:13
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
-1
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 ....
-1
up je remonte ;)
-1
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
2 août 2010 à 14:58
La <div> parent de <div id="texte_photo"> est bien plus grande que 800px ?

STOP LES " UP " !
-1
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
-1
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 ;!
-1
pas le sens de ta phrase dsl j'ai tapé trop vite... ;)
-1
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 ?
-1
Vincent ou les autres vous avez disparu ?? merci de m'aider svp ;)
-1
je remonte
-1
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
4 août 2010 à 14:45
STOP CA !
0