Bonjour tout le monde
 
mon soucis est le suivant:
 
j'ai dans une page html une structure avec div de ce genre de schéma:
 
<div id="partie_page">
     ...
     <div id="presentation">
           <img src=".." alt="...">
           <p>...</p>
     </div>
      ...
</div>
 
Je cherche a créer un CSS qui en absolu de la div PRESENTATION
me positionne img à 30% du haut -> presentation
et 30% gauche
 
et le texte venant encercler la dite image en partant de 5px de vide en interne du cadre presentation tout autour du p
 
j'ai ecrit ce code CSS:

 
avez-vous des idées pour faire ce que je souhaite en modifiant le CSS donné?
par avance merci à vous

aucun commentaire ?
 
il manque des info?
c'est pas possible?
la proposition devrait fonctionner, et je vois pas pourquoi c'est pas le cas?
c'est pas comme ca qu'il faut faire, mais je sais pas corriger?
on a rien compris au problème?
c'est plus subtile, vas t'inspirer sur cette url?
 
Une tendance? on arrive à le faire dans word par des clics ca doit bien pouvoir se faire avec CSS?

Nan ce n'est pas possible "simplement" et "en automatique" car la propriété float de l'image (seul à même de faire epouser la forme d'une image par un texte) ne prend que la valeur left ou right, donc tu pourras avoir un text qui épouse sur un coté et en bas, mais jamais au dessus, de chaque coté et en bas...
 
En tout cas pas que je sache, y'aura ptet une spec. dans la CSS 3 qui permettra ça...
 
Par contre si ta page est statique est que tu a vraiment envie, tu doit pouvoir simuler cet effet avec une image positionné en absolut et un text avec la propriété CSS white-space:pre; qui te permet de prendre en compte les espace blanc, ceci dit gaffe au taille de typo différente sur le navigateur, ça sent la grosse galère ! ^^

 
4 calques Toshop remplis en Javascript et slice en 4 div. Presque dynamique

Tu as une technique adaptable expliquée ici, mais ça tient du hack http://www.alistapart.com/articles/crosscolumn2/
A+,

bon ok merci mechkurt
 
et si je veux le bord droit de l'image calé sur le bord droit du texte et le bord haut de l'image 30% plus bas que le bord haut du texte
 
avec le texte qui encadre l'image, c'est possible ou non?
 
pour le moment le seul truc que j'ai réussi c'est mettre l'image dans le coin haut gauche (ou droit du texte) ou bien l'image au bon endroit mais le texte se poursuit sous l'image
 
 
je voudrais arriver à un truc de ce genre  
 
|===============|
|...........................|
|...........................|
|..........     |======|
|..........     |           |
|..........     |           |
|..........     |======|
|...........................|
|...........................|
|===============|
 
à l'issue de quoi je dois pouvoir faire son symétrique de l'autre coté de sorte qu'en mettant cote a cote les deux partie j'arrive au resultat?