Discussion :

[djboy]

Bonjour à tous !

Je veux mettre dans une cellule d'un tableau HTML deux div avec une image de fond côte à côte.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<td width=16>
 
<div style="float:left;display:block;width:8px;height:20px;margin:0;padding:0;background:url(image.jpg) no-repeat;">
<a href="url.html" style="display:block;width:8px;height:20px;margin:0;padding:0;"></a></div>
 
<div style="float:right;display:block;width:8px;height:20px;margin:0;padding:0;background:url(image.jpg) no-repeat;">
<a href="url.html" style="display:block;width:8px;height:20px;margin:0;padding:0;"></a></div>
 
</td>

Sous Firefox pas de problème voici ce que ca donne :




Sous IE il y a un div qui se place en haut à gauche et l'autre en bas à droite comme sur sur cette capture d'écran où les 2 div sont en vert :



Pourtant il y a la place en largeur de les mettre côte à côte.

Je bloque un peu...

Merci mille fois par avance !

[Marc22]

bonjour,

des div dans un tableau ça me semble une mauvaise idée. Essaie de ne passer que par des div, et garde l'attribut float en tentant de mettre les deux en float left.

[djboy]

Merci pour la réponse.

C'est un peu compliqué de ne passer que par des div car j'utilise un tableau de dimensions variables et qui peut aller jusqu'à 50 lignes et 35 colonnes.

Pour l'instant j'utilise 2 images côte à côte

Code :

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

<img src="image1.jpg" width=8 height=20><img src="image2.jpg" width=8 height=20>

et le problème est qu'en affichant près de 3000 petites images (8px de large sur 20px de hauteur) la page met beaucoup de temps à s'afficher... même si ce sont seulement 10 images différentes qui sont utilisées pour tout le tableau (10 images de couleurs différentes)