28173 sujets

CSS et mise en forme, CSS3

Bonjour, grâce à ce code:

a.info {
position:relative;
border-bottom:1px dashed #808080;
text-decoration: none;
font-weight: bold;
}
a:hover.info {
text-decoration: none;
background: none;
}
a.info span {display: none;}
a:hover.info span {
display: inline;
position: absolute;
top:1.5em;
left:0.5em;
z-index: 20;
background: #446D87;
color: #fff;
border:1px solid #000;
width:150px;
text-align:center;
font-weight:normal;
font-size: 10px;
line-height:12px;
padding:2px 4px;
}

<a href="#" class="info">texte<span>définition dans infobulle</span></a>


Je peux afficher des popups grace à du css lorsque la souris passe sur le lien.

Je cherche maintenant à afficher la popup lorsque l'utilisateur passe la souris sur une selection du texte du lien faite préalablement.

En d'autre thermes quelquechose que je représenterais par:

a.Info.MonText.Selection.OnMouseHover.AfficherSpan

Sa à peut être l'air idiot ou impossible comme sa mais je suis persuadé que se n'est pas si compliqué que sa.

Pour info j'ai trouvé sa sur le net pour agir sur une selection:

::-moz-selection{
background:#6374AB;
color:#fff;
}

::selection {
background:#6374AB;
color:#fff;
}

code::-moz-selection {
background: #333333;
}

code::selection {
background: #333333;
}

Petite explication: mon but est de pouvoir au final, afficher un menu popup sur la sélection d'un texte. Ce menu permettrait d'ouvrir d'autre popup ses dernière affichant un tableau de toute les couleurs, un bouton gras, un bouton souligné....

Cela permet au final à l'utilisateur de sélectionner un texte et en allant simplement dessus, de le mettre en forme.


Merci d'avance
Modifié par bolandfranck (10 May 2007 - 18:01)
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif