28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je rencontre un petit problème concernant l'entourage d'une image par un texte.

En fait, je souhaite reproduire cette maquette :

upload/10984-souhait.jpg

mais voilà ce que j'obtiens :

upload/10984-obtenu.jpg .

Comment faire pour éviter la création de l'espace entre les 2 lignes de textes et que la seconde ligne s'incrémente avec l'image ?

J'ai mis dans la balise img un align="center" pour que la première ligne soit aligner centralement au texte ; ce qui me donne cet aspect...y-a-t-il une astuce pour obtenir "souhait.jpg" ?

Merci pour votre aide
Modifié par louloute8091 (17 Aug 2007 - 16:35)
Salut,

Si je déduis les choses, car en l'absence de code c'est moins évident,
tu dois avoir quelque chose de ce genre :

<p>blablablablabla <img src="image.jpeg alt="description" /> bla bla bla blablabla</p>

Dans ce cas là, l'image provoquera automatiquement un décalage vers le bas de la ligne suivant celle où elle se trouve, rien ne pourra l'éviter.

A priori, la première image que tu donne n'est pas vraiment possible à faire, sauf avec beaucoup de bricolage peu standard. Mais je ne pense pas qu'il puisse être vital d'en arriver là quel que soit le site.
Il te reste le recours d'avoir cette image à droite de ton bloc de texte à l'aide de la propriété float="right"
Modifié par Raphael (17 Aug 2007 - 17:32)
Mikachu a écrit :

Il te reste le recours d'avoir cette image à droite de ton bloc de texte à l'aide de la propriété float="right"

Ou bien 3 colonnes 1 text 1 img 1 text