PAs de notes avec Alt et !important non reconnu

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
furet92

PAs de notes avec Alt et !important non reconnu

Message par furet92 »

Bonjour,

1/ PAs de "notes" sur un survol d'image avec ALT sous FF 1.5 alors que je les ai sous IE6. Un comble !

J'ai posé la question sur le forum CSS d'Alsacréation, mais à priori, j'ai fait choux blanc. C'est pourquoi je me tourne vers les spécialistes FF.

Obligé de doubler toutes les balises ALT avec une balise TITLE.
Etonnant sachant que cela ne le fait que sur la page que j'ai faite:
http://init.club.fr/index.htm
Auriez-vous une idée ?

Le code:

Code : Tout sélectionner

<p class="img_Cadre">
	<span class="img"><img src="img_cont/ori_1.jpg" width="48" height="71" alt="Années 60 a1 " title="Années 60 a1"></span>
	<span class="img"><img src="img_cont/ori_2.jpg" width="95" height="71" alt="Années 60 a2 " title="Années 60 a2"></span>
	<span class="img"><img src="img_cont/ori_3.jpg" width="69" height="71" alt="Années 60 a3" title="Années 60 a3"></span>
</p>

2/ J'utilise la syntaxe CSS
!important
, sur ma page, pour éviter que le visiteur ne casse trop le désign en augmentant les caract sur les balises titres H1, et H2.
Idem que précédemment, cela n'a aucun effet sur FF alors que cela fonctionne sous IE6 (alors que j'ai lu le contraire !!!).
J'avoue ne plus comprendre !

Exemple de son emploi dans ma CSS:

Code : Tout sélectionner

h1 {
 text-align : justify;
 font : italic normal bold 36px Verdana, Arial, Helvetica, sans-serif !important;
 margin : 0.5em 0 0 0.55em;
 word-spacing: 0.2em;
 letter-spacing: 0.05em;
}
En espérant ne pas être hors sujet sur ce forum, et en vous remerciant de vos conseils avisés.

Furet
Avatar de l’utilisateur
ottomar
Varan
Messages : 1145
Inscription : 09 janv. 2005, 07:31

Message par ottomar »

salut et en gros
alt et title : ie confond
alt, c'est le texte alternatif d'accessibilité http://www.openweb.eu.org/articles/acce ... te_images/ ; title, c'est l'infobulle quand passe le mulot
!important ne sert à rien chez toi
puisqu'il sert à 'écraser' quelque chose d'existant ; chez moi, oui : tu ne peux pas m'empêcher de mettre dans le userContent h1, h2 { font-size: 16px !important } ou autre gribouilli pour changer l'apparence de ton site

en général, se méfier des liens image ou les doubler d'un lien texte : si pour une raison quelconque, les images ne s'affichent pas, ton site devient inaccessible
Modo va nous déplacer ça en developpement-web... :)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

1) Lire ceci : http://hixie.ch/advocacy/alt-tooltips pour bien comprendre pourquoi l'affichage des "alt" en infobulles est non seulement une hérésie mais un crime contre les handicapés :x
JAMAIS Firefox ne fera cela !
Alt a une fonction (décrire l'image pour si elle ne peut pas être affichée pour une raison ou une autre). Le alt doit être parfaitement redondant et est totalement inutile si l'image s'affiche :roll:

2) Pour le CSS, vérifie ta syntaxe de font parce que souvent c'est la cause des soucis (IE est beaucoup trop souple, il y a un ordre à respecter et tout :wink: )
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités