28173 sujets

CSS et mise en forme, CSS3

[RESOLU]Problème affichage d'image sur a:hover

Bonjour,

Après des lustres d'absence sur ce forum, je pensais tout maitriser en CSS( Smiley langue ), mais il semblerait que non.

Alors j'ai un problème que j'ai eu plusieurs fois, mais cette fois je ne sais pas comment le régler.

Voici la situation :

J'ai un conteneur :

				<div class="full_news">

					<div class="gauche">
						<img src="ressources/bellepoule.jpg" alt="La Belle Poule est une go&eacute;lette &agrave; hunier" />
					</div><!--gauche-->

					<div class="tdroite">

						<h2>Ev&eacute;nement</h2>

						<h3>La go&eacute;lette Belle Poule et l'aviso Le H&eacute;naff en escale</h3>

						<p>
							L'escale &agrave; Bayonne du navire &eacute;cole "Belle Poule" de la Marine nationale et du b&acirc;timent de guerre "Lieutenant de Vaisseau Le H&eacute;naff", est l'occasion d'un &eacute;v&eacute;nement festif unique ....  <span class="date">[13-06-2006]</span>
						</p>

						<div class="liens">

							<ul>

								<li class="lire"><a href="#"><img src="ressources/fleche.gif" alt="lire la suite" />&nbsp;lire la suite</a></li>

								<li><a href="#"><img src="ressources/diapo.gif" alt="voir diaporama" /></a></li>

							</ul>

						</div><!--liens-->

					</div><!--tdroite-->

				</div><!--full_news-->


Dans mon class=gauche, j'ai l'image qui doit floater à gauche. Tout ce passe bien dans l'affichage basique. (On a une image à gauche, les titres et le texte à droite).

Le problème survient quant on survole "lire la suite". L'image se coupe au niveau du "lire la suite", et "lire la suite" disparait également. Je pense que ça doit être du à une mauvaise gestion du float. Ah au fait, ce problème n'intervient QUE sur IE (comme d'hab quoi)

Merci d'avance pour votre aide.

***EDIT*** Voici 2 captures qui illustrent mieux le problème

http://www.enregistrersous.com/images/vignette/3/00adc123803828b754b2349a4452016c.png

http://www.enregistrersous.com/images/vignette/3/6a1a60b844aa319cea356b4a3ef5acf2.png
Modifié par trigun (06 Jul 2006 - 15:24)
Bonjour,

Ca m'est arrivé une fois dans le cadre d'une sortie de float avec {clear: both;}, IE n'appréciait pas !! Alors en désespoir de cause je me suis tenté {clear: right;clear: left;} et pof ça à marché !! mais je ne sais toujours pas pourquoi!
Oui mais si je clear le liens, il passe sous l'image. Bien sûr ça règle le problème mais je voudrais garder la mise en forme ^^.

Je vais tenter un petit 
<hr style="clear:both" />
en dessous pour voir si ça peut faire avance le truc

EDIT : Bon, ça marche avec un bon vieux 
<hr>
qui suit le lien.

Ya pas à dire, c'est quand même un gros naze cet IE. Dire que la version 7 est en retard même avant de sortir...
Modifié par trigun (06 Jul 2006 - 15:24)
Sujet clos
Aller à