Come posso visualizzare semplici descrizioni comandi sulle icone in HTML?

Question

Sto utilizzando ActiveScaffold in un'app Ruby on Rails e per risparmiare spazio nella tabella ho sostituito il testo "azioni" predefinito nella tabella (es."modifica", "elimina", "mostra") con icone che utilizzano CSS.Ho anche aggiunto un paio di azioni personalizzate con action_link.add ("sposta" e "copia").

Per chiarezza, Vorrei che venisse visualizzata una descrizione comando con l'azione correlata (cioè."modifica", "copia") quando passo il mouse sull'icona.

Pensavo di poterlo fare aggiungendo una semplice definizione "alt" al tag, ma non sembra funzionare.

Qualcuno può indicarmi la giusta direzione?

Answer 1

IL alt L'attributo è da utilizzare in alternativa all'immagine, nel caso in cui l'immagine manchi, o in un browser solo testuale.

IE ha sbagliato quando l'hanno fatto alt appaiono come tooltip.Non avrebbe mai dovuto essere così.

L'attributo corretto per questo è title, che ovviamente non esegue una descrizione comando in IE.

Quindi, per visualizzare una descrizione comando sia in IE che in FireFox/Safari/Chrome/Opera, utilizzare sia un alt attributo e a title attributo.

Answer 2

Solo un piccolo appunto da aggiungere a questo thread...non c'è tag alt o tag titolo.L'attributo alt è per le immagini, ma tutti gli altri elementi di una pagina possono avere un attributo title, che è la scelta migliore per la compatibilità tra browser.

<span title="Click here to edit the foo">
  Edit
</span>

Answer 3

Vuoi un tag "titolo".Non sono sicuro che ciò sia più necessario, ma di solito aggiungo sia i tag alt che quelli del titolo per assicurarmi che tutti i browser visualizzino il suggerimento allo stesso modo.

Answer 4

La proprietà alt di un tag img funziona in alcuni browser, ma non in tutti (come alcuni basati su Mozilla).

IL "giusta direzione" per fare ciò è necessario utilizzare la proprietà del titolo.

Answer 5

I tooltip in HTML sono il contenuto del file alt text per i tag immagine, ma se lo stai impostando utilizzando CSS probabilmente hai un file background:url(...); stile anziché un'immagine.

Answer 6

Utilizzo alt sulle immagini e title sui link.

Answer 7

Come ha sottolineato Prestaul, il tag alt dovrebbe funzionare per le immagini e il titolo per i collegamenti.Tuttavia, anche questo dipende dal browser... dalla maggior parte dei browser Dovrebbe implementare funzionalità che visualizzino questi metadati come descrizioni comandi ma non sono tenuti a farlo.

Answer 8

Rendendomi conto, come ha sottolineato Joel Coehoom, che la mia icona era in realtà un'immagine di sfondo, ho creato un'immagine trasparente.gif con titolo e attributi alt sopra lo sfondo e voilà: suggerimenti!

Answer 9

buon strumento quihttp://www.guangmingsoft.net/htmlsnapshot/html2image.htm