Hugolino a écrit :
> Le Tue, 18 Mar 2008 17:09:39 +0100, SAM a écrit:
>> Néanmoins Firefox n'a pas l'air de râler :
>> <http://cjoint.com/data/dsrbmktVT2_flottage.htm>

Bon on va encore me reprocher de jamais être content, tant pis je me
lance parce que c'est pas très clair ce que je viens de lire. Désolé de
ne pas savoir mettre les formes à mon "propos".

> J'utilise parfois ce type de flottage, mais j'ai un problème quand
> j'enjolive le texte avec une bordure.

Qu'est-ce à dire ? Tu places des bordures sur du texte, d'accord mais au
delà de ça, ce qui importe c'est le type du tag utilisé. Et surtout
c'est au final du inline, du block ou pire ?

> Le problème est que la bordure est aussi large que le body, elle ne
> s'arrête pas à l'image qui flotte à droite.

Bordure aussi large que le body ? Je comprends rien, ça fait quand même
une grosse bordure pour qu'elle vienne à prendre toute la place du body.

> J'ai repris ton exemple (très didactique et clair) pour montrer le
> problème : <http://roulaize.fr/vrac/flottage-border.htm>
>
> Comment faire en sorte que la bordure s'arrête n'englobe pas aussi
> l'image ?

Euh tu pourrais simplifier la page d'essai pour ne reproduire que ce qui
te poses problème ? - Et au passage utiliser tes propres images (sur ton
serveur) plutôt que d'aller surcharger celui de Stéphane en lui piquant
ses images ? -

Parce que le "testcase" fourni utilise plein (trop) d'éléments pour
savoir *sans* équivoque de quoi tu parles

Et aussi ce n'est pas valide, ce n'est pas du HTML 4.01 *Strict* (comme
indiqué par la DTD) puisque le premier tag <IMG> *doit* - en HTML4.01
Strict - être contenu dans un élément "P", "H1", "H2", "H3", "H4", "H5",
"H6", "DIV" ou "ADDRESS" (je crois pas en oublier ) hors il est dans
le "BODY" actuellement.

C'est le B.A.BA d'un "testcase", n'utiliser que les éléments permettant
de reproduire le problème sans équivoque possible, expliquer de manière
cohérente et intelligible le problème rencontré et expliquer tout aussi
intelligiblement (en vrai français) le résultat attendu.

Sinon, en considérant que tu parles des 2 premiers éléments <H1> et
<IMG> de ton document, et en considérant que tu veuilles que la bordure
droite de l'image touche la bordure droite du titre.

Voici le bout de source sur lequel je me base d'après ton document :

<h1>La flottaison et son arrêt: comment ça fonctionne</h1>
<img style="margin: 5px; padding: 5px; float: right;"
src="asm1.gif" alt="">

Deux solutions :

1) tu enlèves la marge droite de 5px que tu appliques à l'image dans son
style inline

2) tu appliques la même marge droite au <h1> que celle que tu appliques
à ton image

--
laurent