Info bulles uniquement CSS - HTML/CSS - Programmation
Marsh Posté le 02-01-2007 à 17:47:03
Heup !
oué, je sais, CSS est là pour traiter la forme, pas le fond, c'est idiot de vouloir lui faire faire afficher du texte
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
des idées ?
Marsh Posté le 03-01-2007 à 11:43:13
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...
Marsh Posté le 04-01-2007 à 10:01:42
Certes aussi 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
Marsh Posté le 04-01-2007 à 10:14:39
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...
Marsh Posté le 06-01-2007 à 14:52:56
Merci, je vais regarder ça après quelques examen qui arrivent...
Marsh Posté le 01-01-2007 à 14:18:05
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 :
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 ? : , 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 !