Elements inline et à taille fixé

Bonjour/Bonsoir

J'aimerais pouvoir dans certaines de mes pages HTML mettre des élements (un DIV de 40x40 par exemple) dans du texte.


blah blah <div> blah blah.

Par exemple ce div pourrait avoir une image de fond et du texte.

Je pourrais faire une table :
td : blah blah
td : <div>
td : blah blah

Mais le problème est que je désire NE PAS AVOIR à repenser la structure d'autre chose que de l'élément <div>.

Le résultat le plus probant pour l'instant est d'employer une table 1x1 qui soit inline, soit sans cellspacing/padding et dont l'unique cellulle contienne mon div.

Code:

---

1 2 3 4 5 6 7 8

j'écris une ligne <table cellpadding="0" cellspacing="0" style="display: inline;" > <tr> <td><div style="width: 100px; height:100px; background-color:red;">blah</div></td> </tr> </table> de texte

---

Ce qui marche bien sous firefox et IE, par contre Safari se moque de mes efforts.

Je supose que quelques uns parmis vous connaissent un substile jeu css/html pour arriver à un résultat plus certain.

Merci :)

Ok, j'ai trouvé.

C'est marrant comme de vider son sac peut permettre à l'esprit d'explorer de nouveaux horizons... :mouarf:

Ça, c'est pour IE qui reconnait pas inline-table :

Code:

---

1 2 3 4 5 6 7 8

.inlineTable { display: inline; }   TABLE.inlineTable { display: inline-table; }

---

et ça, c'est le résultat :

Code:

---

1 2 3 4 5 6 7 8

j'écris une ligne <table cellpadding="0" cellspacing="0" class="inlineTable" > <tr> <td><div style="width: 100px; height:100px; background-color:red;">blah</div></td> </tr> </table> de texte

---

Voilà, voilou.

Si la solution est approuvée, elle aura sa place dans la FAQ, non ?