Bonjour
Sur un site contenant des tables HTML pour définir les cadres (la vieille
école !), j’ai voulu ajouter une petite boîte flottante, avec une photo
choisie aléatoirement, dans une des rangées du tableau. Le but est qu’elle
vienne se placer dans le texte et soit ferrée à droite.
J’ai tâté un peu de CSS pour faire cela et, miracle, sous Firefox et Opera ça
marche nickel. La boîte est bien à droite et le texte de la cellule du tableau
vient bien la contourner.
Sous IE6, ça merde complètement et, en fait, la boîte prend la largeur de la
cellule et la photo fait tout riquiqui dedans.
Voici la feuille de style pour cela. Je précise juste que, sur la photo il y a
un surtitre et sous la photo le titre de l’article lié.
/* * photo aléatoire */
.photo_aleatoire {
float: right ;
border: 1px solid #EBEBEB;
background-color: #EBEBEB;
padding: 5px;
}
.photo_aleatoire_titre { font-weight: bold; font-size: 0.8em; margin-bottom:
5px; margin-top: 10px; margin-left: auto; margin-right: auto; }
.photo_aleatoire_surtitre { font-weight: bold; font-size: 0.9em; margin-
bottom: 10px; margin-top: 5px; margin-left: auto; margin-right: auto; }
Si quelqu’unE a une idée pour régler ce petit point, je suis preneur !
JMB