OVH Cloud OVH Cloud

equivalent de alt et title en CSS

12 réponses
Avatar
Etienne SOBOLE
ben tout est dans le titre.

c'est quoi l'equivalent de alt et title en javascript.
enfin un truc qui afficherai une info bulle.

merci
Etienne

10 réponses

1 2
Avatar
Etienne SOBOLE
c'est quoi l'equivalent de alt et title en javascript.



je veux dire en CSS !!!
Avatar
Olivier Miakinen
Le 10/02/2006 19:13, Etienne SOBOLE a écrit :

ben tout est dans le titre.



Ce n'est en général pas une bonne idée, surtout quand on après on se
trompe dans le contenu de l'article. ;-)

c'est quoi l'equivalent de alt et title en javascript^W CSS.
enfin un truc qui afficherai une info bulle.



Y a pas. Rien dans les CSS ne permet de dire « affiche-moi ça dans
une info-bulle ». En JavaScript, bien sûr, tu peux faire des choses
(pour les navigateurs graphiques avec JavaScript activé), mais j'ai
cru comprendre que ce n'était pas ta question.

--
Olivier Miakinen
Troll du plus sage chez les conviviaux : le nouveau venu, avec
son clan, s'infiltre dans les groupes de nouvelles. (3 c.)
Avatar
Thibaut Allender
On 10/02/2006 19:31, Olivier Miakinen wrote :
Y a pas. Rien dans les CSS ne permet de dire « affiche-moi ça dans
une info-bulle ». En JavaScript, bien sûr, tu peux faire des choses
(pour les navigateurs graphiques avec JavaScript activé), mais j'ai
cru comprendre que ce n'était pas ta question.



Um, je ne serais pas aussi catégorique, on peut utiliser ceci :

a:hover+div.bulle {display: block;}
div.bulle {display: none;}

avec <a href="...">blah</a><div class="bulle">mon info bulle qui
s'affichera quand je passe sur blah</div>

mais ne fonctionne pas sous IE

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
ASM
Thibaut Allender a écrit :

mais ne fonctionne pas sous IE




mais est-ce que :

a { position: relative; }
a span { display: none; }
a:hover span { display: block;position: absolute;left: 40px;border: 1px solid red;}

<a href="#">truc<span>voici un truc</span></a>

fonctionne avec IE6 ?

--
Stephane Moriaux et son [moins] vieux Mac
Avatar
Dominique Ottello
Olivier Miakinen <om+ écrivait :

Y a pas. Rien dans les CSS ne permet de dire « affiche-moi ça dans
une info-bulle ».



Rien que du HTML + CSS.
Voir :
- http://aviatechno.free.fr
et passer le curseur sur les items du menu à gauche.

- http://aviatechno.free.fr/constellation/constel07.php
et passer le curseur sur les items des colonnes Historique - Remarques

- http://aviatechno.free.fr/vilgenis/60-63/la_quille.php
et passer le curseur sur les noms du tableau
--
Un ordinateur résout des problèmes que nous n'aurions pas sans lui
Technique aéronautique : http://aviatechno.free.fr
Concorde dans la presse de 1965 à 2003 : http://le.pointu.free.fr
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux de savoir que
"Thibaut Allender"
a écrit dans
le message de news:

mais ne fonctionne pas sous IE



et ça, ça ne marche pas avec tous ?

en CSS :
.bulle {border-bottom:1px dotted #369;cursor:help;color=blue;}

et dans la page :
<span class="bulle" title="Mon explication">Mot à expliquer</span>

--

Cordialement

http://boiseau.free.fr
http://paysderetz.free.fr
Avatar
ASM
Guy Gruais a écrit :
Bonjour,



salutatoi,

et ça, ça ne marche pas avec tous ?



certainement que si ! et alors ?

y doit me manquer le contexte ... pour entrevoir la subtilité ?

en CSS :
.bulle {border-bottom:1px dotted #369;cursor:help;color=blue;}

et dans la page :
<span class="bulle" title="Mon explication">Mot à expliquer</span>




--
Stephane Moriaux et son [moins] vieux Mac
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux de savoir que
"ASM" a écrit dans le message
de news:43ee0d73$0$21259$

y doit me manquer le contexte ... pour entrevoir la subtilité ?



N'aurais-je donc rien compris ?

Je pensais - bêtement, me diront certains - que l'initiateur du fil voulait
trouver une solution pour pouvoir afficher une info-bulle en CSS.

Mais on va sûrement m'expliquer.

--

Cordialement

http://boiseau.free.fr
http://paysderetz.free.fr
Avatar
Thibaut Allender
On 11/02/2006 17:28, Guy Gruais wrote :
Je pensais - bêtement, me diront certains - que l'initiateur du fil voulait
trouver une solution pour pouvoir afficher une info-bulle en CSS.



oui, c'est bien ça, mais ton morceau de code ne fait qu'afficher un span
avec un cursor "help" quand on passe dessus, souligné en pointillés, bleu

seul title="Mon explication" va faire apparaître l'info-bulle, mais ton
CSS n'a rien à voir la dedans

--
thibaut allender | http://capsule.org | http://photo.capsule.org
Avatar
Etienne SOBOLE
Y a pas. Rien dans les CSS ne permet de dire « affiche-moi ça dans
une info-bulle ». En JavaScript, bien sûr, tu peux faire des choses
(pour les navigateurs graphiques avec JavaScript activé), mais j'ai
cru comprendre que ce n'était pas ta question.



bon ben merci.
bon effectivement le popup n'est pas une solution...
encore que...

a voir.
1 2