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
Ma feuille de style
Modifié par Vladkergan (07 Feb 2006 - 14:05)
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)