28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous !

J'ai un problème d'affichage sur une des pages dynamiques d'un site. J'ai un <td> dans lequel se trouve un bloc texte + image (où l'image est en float right). Seul problème : certaines images sortent de mon td. A priori c'est parce que mon image est en float right. Quelqu'un sait comment résoudre le problème tout en conservant le float ?

Mon code HTML

<td class="cadre-blanc"><span class="date">01/02/2006</span><img src="img_up/img_actu/sld_image1.jpg" alt="" class="image-droite">
                                  <h4>MON TEXTE DE TITRE</h4>
                                Du X au X février

Salon ouvert au public 
Plus de 50 tours opérateurs, agences de voyages présenteront leurs brochures printemps-été 2006- au programme : animations, conférences sur différentes destinations, des offres spéciales salon, des voyages à gagner.
Horaires d'ouverture : vendredi 14h00-19h30; samedi : 10h00-19h00; dimanche : 10h00-18h00
Entrée : 3 euros (gratuit jusqu'à 16 ans)<br><br>
                </td>


Ma feuille de style

TD.cadre-blanc
{
	display: block;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 2px;
	text-align:left;
	border-left-color: #C60C46;
	border-right-color: #C60C46;
	border-left-width: 2px;
	border-right-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	height: auto;
	padding: 10px;
}
SPAN.date {
	font-size:11px;
	display:block;
	color:#C60C46;
	font-weight:lighter;
	padding-left:22px;
	background:url(../img/commun/picto-calendrier.gif) left center no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.image-droite {float: right; border: 0px;}

h4 {color:#C60C46;padding: 0px;margin: 0px;font-style:bold;font-size:13px;}

Modifié par Vladkergan (07 Feb 2006 - 14:05)