Retour a la ligne non souhaité

Bonjour a tous,

j'ai essayer de reproduire un script d'alscreation pour faire afficher une imag lors du passage sur un lien cela fonctionne mais engendre un retour a ligne que je ne souhaite pas!

J'ai fais une petite <div class="nostalgie"><a href="">refonte <span><img src="Design/Images_Gen/nostalgie.jpg"></span> </a> </div> 

avec le css suivant:

 .nostalgie a{
    float: left;
font-weight: bold;
}

.nostalgie a:hover {
background: none; /* correction d'un bug IE */
}

.nostalgie a span {
 /* définition de la balise <span> inclue dans <a> */
 display: none;
 }
 
 .nostalgie  a:hover span {
  /* définition de la balise <span> au survol */
  display: inline;
  position: absolute;
  top: 200px;
  left: 100px;
  text-align: center;
  color: white;
  }

quelqu'un aurait il la soluce please?

j'ai pas testé et je connais pas ce script d'alsa

donc a voir.

ce dont je suis sûr : le retour a la ligne est produit par le div car c'est un element block.

essai d'appliquer un display:inline au div? ou faire avec autre chose qu'un div.

ou alors positionnent en flottant ou en absolu le truc qui doit venir apres...
Modifié par CPascal (07 Mar 2008 - 17:35)

euh bah un display inline sur le div ne change rien!

utilisé autre chose mais quoi suis pas encore expert en css je debute encore!
quand a ce qui vient apres ca c'st bon via le float left!

j'ai quand meme résolu le soucis!
via un float absolute!

merci pour l'astuce!

Darkangel a écrit :
j'ai quand meme résolu le soucis!
via un float absolute!

Cela n'existe pas.

C'est un peu approximatif tout ça, à vue de nez.

Un texte est inline par définition, donc un block au milieu d'un texte n'est pas correct.
Je peux me tromper mais à mon avis un span serait mieux adapté à cet endroit.