Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1732 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Info bulles uniquement CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Info bulles uniquement CSS

n°1497651
naeco
Buddy Rich Big Band
Posté le 01-01-2007 à 14:18:05  profilanswer
 

Bonjour, et tout d'abord, bonne année à tous !
Donc le sujet est donc de faire une bulle sur un lien lors du passage de la souris dessus, et ce uniquement en CSS, avec le message de la bulle contenu dans le .css et pas dans la page html.
En effet, je considère que sur mes pages j'ai trois types de liens :

  • interne
  • externe
  • WikipédiA


Et je veux avoir à écrire <a class="wiki" href="...">Lien Wiki</a> et pas comme c'est pour l'instant le cas <a class="wikipedia" href="...">Lien Wiki<span>message de la bulle</span></a>
 
Vous pouvez voir ce que cela donne sur http://naeco.free.fr/modelisme/triomphant/index.php
Voir le lien WikipédiA (avec le mot sous marin sur la première ligne), un lien normal ensuite (avec la phrase étude en Allemagne) et le lien externe  (avec le mot netmarine.net)
 
Le script actuel est pris sur http://psacake.com/web/jl.asp
 
 
J'ai essayé aussi de magouiller sans succés avec ces deux solutions de zoom d'une image :
http://mammouthland.free.fr/cours/css/cours7.php
http://mammouthland.free.fr/cours/css/cours8.php
 
D'ailleurs, une question sous jacente, pensez vous que ce gif que j'ai trouvé serait explicite comme image représentant WikipediA ? :  http://joueb.com/htmlarea2/images/ed_wiki_link.gif, ou mon gros placard est mieu ?(image officielle)
 
 
Lien traitant du sujet avec javascript, pour ceux qui tomberait sur ce topic via une recherche :


 
Je vous remercie de votre aide !

mood
Publicité
Posté le 01-01-2007 à 14:18:05  profilanswer
 

n°1498026
naeco
Buddy Rich Big Band
Posté le 02-01-2007 à 17:47:03  profilanswer
 

Heup !  :bounce:  
 
 
oué, je sais, CSS est là pour traiter la forme, pas le fond, c'est idiot de vouloir lui faire faire afficher du texte :o
mais je voudrais garder ce principe pour tout le site, et comme j'écris des nouvelles pages souvent, ça va être lourd si je dois faire plus que mettre un petit class="" dans la balise a :o
 
des idées ? :)

n°1498171
rufo
Pas me confondre avec Lycos!
Posté le 03-01-2007 à 11:43:13  profilanswer
 

Pour tes infos-bulles, tu peux quand même utilsier l'attribut title de la balise <a>
ex : <a class="wiki" href="..." title="Lien Wikipedia.">...</a>
 
c'est quand même plus propre...

n°1498588
naeco
Buddy Rich Big Band
Posté le 04-01-2007 à 10:01:42  profilanswer
 

Certes aussi :o mais juste pour respecter le W3C car qui prend le temps de lire la petite info bulle par défaut, surtout qui prend une demie seconde ou une seconde à s'afficher, et où l'on ne peut pas mettre de mise en forme ?
 
 
Allezzz, je suis sûr que vous avez des astuces encore au fond de vos sacs :o

n°1498597
rufo
Pas me confondre avec Lycos!
Posté le 04-01-2007 à 10:14:39  profilanswer
 

ben y'a OVERLIB. C'est une librairie JS faite pour ça...
 
Mais t'aurais tord de penser que personne lit les infos-bulles...Quand on sait pas l'action qu'a un lien hypertexte, c'est bien pratique (ex : des liens d'intranet).
Par ailleurs, y'a pas que les règles du W3C. Elles sont nécessaires mais pas suffisantes. Il y a aussi les règles d'accessibilité pour les personnes handicapées.
ex : pour les aveugles, ils utilisent un navigateur avec un synthétiseur vocal. Là, c'est quand même mieux quand le site est bien conçu, que les "alt" pour les images sont mis et que les "title" existent pour dire ce que fond les liens...

n°1499750
naeco
Buddy Rich Big Band
Posté le 06-01-2007 à 14:52:56  profilanswer
 

Merci, je vais regarder ça après quelques examen qui arrivent...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Info bulles uniquement CSS

 

Sujets relatifs
je nage avec les CSS - pb de cadreCss background d'un li au survol
Problème d'images liens en HTML/CSSune gallerie d'images en CSS avec zoom au survol
[HTML / CSS ] Pb de divDOM et fichier CSS
[AJAX] Problème de chargement dynamique de CSSProbleme Gallerie photos CSS
CSS : mes png sont décalés avec internet explorer et pas avec firefox[CSS] le lien actif garde un style
Plus de sujets relatifs à : Info bulles uniquement CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR