Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    Immagini e testo alternativo

    Ciao a tutti.

    Volevo chiedere se esiste la possibilità in CSS di disattivare l'immagine ma di lasciare solo visualizzato il testo alternativo dell'immagine. Se non c'è la possilità con CSS esiste un altro metodo?

    Grazie

  2. #2

  3. #3
    Tutto cò mi serve per la possibilità ad un utente di scegliere anche il layout solo testo.
    Se l'immagine è un link, in una pagina solo testo come viene visualizzato?

  4. #4
    Per fare le cose bene mi sa che ti conviene fare un controllo preventivo lato server: in base alla scelta dell'utente stamperai nel menu il link immagine oppure il link testuale.

    Potresti anche risolvere con un semplice javascript, ma dato che si parla di accessibilità non sarebbe una soluzione molto accettabile.

  5. #5

    ................

    Ciao.
    Non so bene a cosa ti serva
    ma potresti usare Image Replacement
    per il tuo problema.
    Qui
    puoi trovare la spiegazione oppure direttamente su questo sito
    alla sezione css.
    Without faith, nothing is possible. With it, nothing is impossible
    http://ilwebdifabio.it

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono alcuni "trucchi" per questo.

    Anzitutto se l'utente non scarica le immagini, viene visualizzato di default il testo dell'alt. Per cui la scelta e` operata direttamente dall'utente

    Un altro trucco, utile se l'utente non ha CSS abilitati:
    <span style="margin: -999px;">testo del link</span>[img]...[/img]
    (lo stile embedded e` solo per dimostrare il modo di procedere in modo compatto)

    In alternativa:
    <span>testo del link</span>[img]...[/img]
    con CSS standard:
    a span { display: none; }
    a img {display: inline; }

    con CSS "leggero":
    a img { display: none; }
    a span {display: inline; }

    (pero` questo non impedisce al browser di caricare l'immagine comunque)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Grazie a tutti.
    Ho usato questo metodo
    Originariamente inviato da Mich_

    In alternativa:
    <span>testo del link</span>[img]...[/img]
    con CSS standard:
    a span { display: none; }
    a img {display: inline; }

    con CSS "leggero":
    a img { display: none; }
    a span {display: inline; }

    (pero` questo non impedisce al browser di caricare l'immagine comunque)
    ... mi trovo bene e mi funziona!!!

  8. #8
    Ah, sorry. Pensavo che tu dovessi usare delle immagini per il menu.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.