Problème div/overflow

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème div/overflow

Blo_odyMarY

Salut à tous,

J'ai besoin d'afficher un div qui fonctionnerait de la même manière que la balise alt d'une image sous IE (popup jaune qui s'affiche au passage de la souris dessus).

Le texte pouvant être très long, j'ai besoin d'un ascenseur.

Après recherche sur le forum, j'ai repéré le style overflow, qui me donne le résultat escompté, sauf que lorsque je passe la souris sur mon div => il disparait.

Si mon explication n'est pas claire, je joins à la fin du post le code utilisé, avec les 2 cas.

Comment garder l'ascenseur, tout en évitant le clignotement du calque lorsqu'on passe la souris dessus ?

Est-ce possible ?

Merci d'avance.

Code :

<html>
<head>
<style>
#login li {
border: 1px solid black;
}
#login li div {
position:absolute;
left:450px;
top:10px;
border:1px solid #990000;
background-color:#FFFFCC;
color:black;
width:200px;
padding:5px;
display:none;
z-index:20;
}
#login li:hover div {
display:block;
}
#login2 li {
border: 1px solid black;
}
#login2 li div {
position:absolute;
left:450px;
top:120px;
border:1px solid #990000;
background-color:#FFFFCC;
color:black;
width:200px;
height: 200px;
padding:5px;
display:none;
z-index:20;
overflow: auto;
}
#login2 li:hover div {
display:block;
}
</style>
</head>
<body>
<ul id="login">
<li>
TEST 1 (le calque reste visible si on passe la souris dessus)
<div>
texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte
</div>
</li>
</ul>
<br><br><br>
<ul id="login2">
<li>
TEST 2 (le calque clignote si on passe la souris dessus)
<div>
texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte tex txt et texte texte
</div>
</li>
</ul>
<br><br>
Est-ce possible d'avoir le calque avec le scroll, mais sans qu'il clignote lorsqu'on passe la souris dessus ?
</body>
</html>

Message édité par Blo_odyMarY le 08-08-2005 à 17:24:30

Publicité

gatsusat

faut faire appel à du JS dans ton cas, c'est obligéa

Blo_odyMarY

ok, je ne vois pas d'inconvénient à utiliser un peu de JS, mais peux-tu me mettre sur la voie stp ?

je ne vois pas en quoi le JS va m'aider ?

afbilou

pouet your life

Blo_odyMarY a écrit :

Salut à tous,
J'ai besoin d'afficher un div qui fonctionnerait de la même manière que la balise title d'une image sous IE (popup jaune qui s'affiche au passage de la souris dessus).

Blo_odyMarY a écrit :

#login li:hover div {
display:block;
}

Ca ne marchera pas sous IE ca La pseudo class :hover ne s'applique que sur les balises <a> avec IE.

Blo_odyMarY

Merci pour ta remarque, je vais utiliser des liens alors, ça ne me dérange pas.

dotfx

oubien onMouseOver
et n'oublies pas de fermer le <head> et définir le <style type="text/css">, j'imagine que c'est codé en vitesse pour illustrer l'exemple.

Message édité par dotfx le 08-08-2005 à 17:16:04

---------------
www.renderfarm.online

Blo_odyMarY

oups j'ai pas fermé le <head>.

Oui j'ai codé ça vite fait, le code final ne sera pas aussi baclé.

FORUM HardWare.fr

Programmation

HTML/CSS

Problème div/overflow

Sujets relatifs
Problème de lancement de script java en asp :(	[résolu] [PHP] Problème d'espaces
[php] probleme de synthaxe compteur	Alignement de texte sur blog ... probleme
Probleme de connexion à phpmyadmin	[MySQL] Problème de recherche sur 3 tables
[CSS] 'overflow' et firefox 1.0.3 = problème	Problème d'overflow d'un cadre sur IE : ça foire en largeur [Résolu]
[CSS] problème d'OverFlow	[ XHTML et CSS ] Problème d'overflow: auto...
Plus de sujets relatifs à : Problème div/overflow

Page générée en 0.043 secondes