Discussion :

[Sergejack]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Sergejack]

Ok, j'ai trouvé.

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.inlineTable {
	display: inline;
}
 
TABLE.inlineTable {
	display: inline-table;
}

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Sergejack]

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