IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Gerer l'affichage CSS d'un alt d'une image


Sujet :

CSS

  1. #1
    Futur Membre du Club
    Inscrit en
    Août 2008
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 13
    Points : 7
    Points
    7
    Par défaut Gerer l'affichage CSS d'un alt d'une image
    Bonjour,

    J'aurais voulu savoir comment il est possible de gérer de par les CSS l'affichage du tag alt d'une image!

    Au cas ou pour rappel

    <img src='masource.jpg' alt='ceci est mon image'>
    lorsqu'on passe sur la photo, le texte ceci est mon image apparait (avec un affichage dépendant du browser) je voudrais donc pouvoir éditer cet affichage!

    si je définis .alt en css ca ne marche pas... comment je peux faire? quelqu'un sait?

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 650
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 141
    Points
    11 141
    Par défaut
    Citation Envoyé par chamalo59 Voir le message
    J'aurais voulu savoir comment il est possible de gérer de par les CSS l'affichage du tag alt d'une image!
    Impossible.

    De plus tu confonds l'attribut alt avec l'attribut tittle :
    - alt permet d'afficher un texte à la place de l'image si celle-ci n'existe pas (toutefois IE affiche ce texte comme une infobulle si l'attribut title n'est pas défini).
    - title est une infobulle.

  3. #3
    Futur Membre du Club
    Inscrit en
    Août 2008
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 13
    Points : 7
    Points
    7
    Par défaut
    Salut merci de ta réponse

    J'avais remarqué sur un script précédent que l attribut alt n apparaissait que sur IE, mais la j ai un script et le alt apparait aussi sous FF et d autres navigateurs! j aurais voulu pouvoir uniformiser tout ca!
    Le title n'est pas visible coté client, hors j'aurais bien aimé que la personne regardant la photo puisse a l aide de la souris savoir ce que cela représente!
    (Sans utiliser de javascript!!)
    Si tu as une solution a ca je suis preneur!
    Je te remercie ne tout cas de ton aide!

    Chamalo

  4. #4
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 650
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 141
    Points
    11 141
    Par défaut
    Citation Envoyé par chamalo59 Voir le message
    Le title n'est pas visible coté client, hors j'aurais bien aimé que la personne regardant la photo puisse a l aide de la souris savoir ce que cela représente!
    (Sans utiliser de javascript!!)
    title n'est pas pas visible côté client ???

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <img src="" title="Titre de l'image" alt="texte alternatif" />
    <br />
    <img src="masource.jpg" title="Titre de l'image" alt="texte alternatif" />
    essaye ce bout de code :
    - dans le premier cas tu n'auras pas d'image mais le texte alternatif (contenu de alt). Si tu survoles le texte tu verras l'infobulle.
    - dans le second cas, tu auras une image et lors du survol tu verras l'infobulle avec le texte : "Titre de l'image".

  5. #5
    Membre actif Avatar de Damouille
    Inscrit en
    Avril 2006
    Messages
    268
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 268
    Points : 289
    Points
    289
    Par défaut
    Je ne crois pas qu'il y ai de moyen de gerer les infobules des titles avec le css. Tu ne pourras pas les uniformiser. L'infobule sera toujours sur fond jaune claire avec une bordure noire (à moins que l'utilisateur ai changer la couleur dans son navigateur ou qu'il ai désactivé l'affichage).
    Si tu estimes que les infobules sont nécéssaires pour une bonne utilisabilité du site, je te conseille de réaliser tes propres infobules en css.
    Dans ce cas, il faut faire une div cachée avec le contenu de l'infobule qui s'affiche sur le :hover.
    Ainsi tu pourras vraiment controller l'affichage sous tous les navigateurs.

  6. #6
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Août 2008
    Messages
    24
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 24
    Points : 29
    Points
    29
    Par défaut
    En fouillant un peu sur ce magnifique site (et oui, au debut, je pensais aussi que c'était simplement un forum, mais c'est en fait une vraie mine d'or, a laquelle on peut ajouter plein d'autre site web tout aussi interressant sur le CCS, et autres langage !), on trouve ça :

    http://r-hunel.developpez.com/tutoriels/css/info-bulle/

    Ca répondra parfaitement à ta question ! ^^

Discussions similaires

  1. Forcer l'affichage de l’attribut ALT d'une image en cas d’échec de chargement
    Par TheKBX dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 01/03/2012, 11h18
  2. Attribut alt d'une image dans css possible? et bien non...
    Par philippe123 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/04/2008, 14h03
  3. Balise alt d'une image
    Par c+cool dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/01/2007, 20h26
  4. [CSS] Problème avec cadre sur une image lien
    Par Strix dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 24/12/2006, 10h09
  5. [CSS] aligner texte à gauche d'une image
    Par ilood dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 05/06/2005, 16h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo