Olà, voilà bien longtemps que je n'étais pas venu, mais comme on dit, on revient toujours à la maison!

Bon alors voilà le probleme:
Je souhaite faire une page qui presenterait du ce que je fais avec des photos et du texte. L'idée de présentation est la suivante:

-div conteneur
-div header
-div image +texte
-div image +texte
-div image +texte
-div image +texte
etc.....
-div footer

mais je ne reussis pas a faire que le texte et l'image soit les uns à coté des autres (texte à gauche et image à droite) dans mon div

Comment faire?

Salut à toi !

Et bien si je me rappel bien il faut faire un div, tu mets l'image dedans, ton texte a suivre et tu met un float right ou left sur l'image.

Et normalement ça doit être bon

Sinon c expliqué ici :
www.openweb.eu.org

@+

En effet, c'est ça!
en fait là où il faut fair attention, c'est de bien placer l'image avant le texte!
moi j'avais fait le contraire, et c'était pas bô....

Merci

Oui en effet, le comportement normal d'un élément flottant est celui-ci :
- il se place tout d'abord dans le flux normal, c'est à dire en dessous ou au dessus des éléments blocs
- ensuite (et seulement ensuite), il est "poussé" à droite ou à gauche et influe sur le contenu qui le suit (ce contenu en général s'affiche alors autour du flottant).

Voilà, j'espère avoir été clair

En effet, tu as été suffisament clair. Mais apparement dans ce cas la, le texte est vraiment collé à coté de l'image! Existe-il un moyen css de "décaller" légérement le texte pour qu'il ne soit pas collé à l'image? (en fait là j'ai feinté en mettant une bordure sur mon image)?

merci sib'

En ajoutant une marge à ton paragraphe non ?

Une marge au div conteneur de l'image plutôt.
Sur tes divs qui entourent tes images (tu as dû leur donner une class je suppose).
margin: 5px; et ça roule (après tu règles pour la valeur que tu veux)

En fait non, ElMoustiko, je n'ai pas mis de div image rien que pour l'image:

CODE

<div id="centre"> <img src="" alt="" width="440" height="330" class="image"> <span class="titre-photo">blabla</span> <span class="text">blabla!</span>     </div>

Voilà en fait la façon dont je l'ai fait. c'est à dire que l'image et le texte sont tous les deux dans le même div.

lol, laissez moi rire

Nan tout ce que je veux dire c que tu vas pas être obligé de rajouter un div autour de ton image pour lui foutre un margin...

Tu le met direct sur ton image paf margin-right ( ou left ) de ce que tu veux.

Et sinon une balise img c comme ça : <img />

@+

Et ben non, a moins que je me sois trompé (ce que je reconnais volontiers):
css:

CODE

.image { float:left; border-right: #E9E9E9 5px; margin-right: #E9E9E9 50px; } #conteneur { width:750px; margin:0 auto; background-color: #FFFFFF; } #centre { background-color:#E9E9E9; margin: 10px; height: 330px; border: dotted #808080 1pt

avec le code html associé que j'ai cité plus haut. J'ai mis 50px à margin pour voir comme tu dis, et ça ne marche pas.

Salut...

Grand 1 : Je savais pas qu'on pouvait mettre de la couleur à un attribut margin... je vois pas à koi ça sert... isi tu mettais margin-right:50px;
ça marcherait peut-être déja mieux.

Grand 2 : Tu fais une prévisualisation sous dreamweaver mais il vaut mieux regarder ce que ça donne sous un navigateur, celui-ci oublie parfois certains attributs.

Grand 3 : pas vraiment besoin de redéfinir une class ici même si ça devrait marcher, tu pourrais mettre #centre img {}

Je crois que c'est tout.

+

Mon erreur vient en effet du fait que je mette une couleur à margin, ce qui fait que ce n'est pas pris en compte! une errreur de manip, à cause de nombreux changements de css...
Par contre si j'ai fait une class, c'est que j'en ai besoin ailleurs aussi, pas que dans ce div centre!

En tout cas merci bien, c'est souvent des betises la cause de mes problèmes!