Visualizzazione dei risultati da 1 a 8 su 8

Discussione: icona tramite css

  1. #1

    icona tramite css

    Ciao a tutti, vorrei inserire un icona in questo codice
    ">Scarica download <?php @include("script/count/MircInvision3.1.1_ITA.txt"); ?> size <?php
    $dim = @filesize ("script/MircInvision3.1.1_ITA.rar") / 1024;
    $dim = round($dim);
    echo "$dim KB";
    ?>
    al posto di Scarica tramite css qualcuno mi può aiutare?
    Grazie

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    potresti inserire l'immagine col tag img al posto di "scarica"

    coi css puoi inserire l'immagine come sfondo. In questo caso dovresti creare una regola, con un id o una classe, nel foglio di stile e applicarla al tuo tag <a> (che dovrebbe avere dimensioni almeno eguali a quella dell'immagine)

  3. #3
    Ho provato cosi si vede sia l'icona che Scarica.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    .dow a{
    background: url(download.gif) no-repeat 32px;

    }
    </style>
    </head>

    <body>

    <div class="dow">
    ">Scarica download <?php @include("script/count/MircInvision3.1.1_ITA.txt"); ?> size <?php
    $dim = @filesize ("script/MircInvision3.1.1_ITA.rar") / 1024;
    $dim = round($dim);
    echo "$dim KB";
    ?>
    </div>
    </body>
    </html>

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    devi cancellare il testo "scarica". Avresti un link vuoto e per evitare che l'immagine di sfondo sia tagliata dovresti specificare le dimensioni del collegamento:

    codice:
    .dow a{
    display:block;
    width:?px;
    height:?px;
    background:url(download.gif) no-repeat;
    }
    al posto di ? in width e height vanno i valori corrispondenti alla larghezza e altezza dell'immagine.

  5. #5
    (Scusate, per errore ho fatto due volte il submit del post)
    «Prendo rifugio nel grande BOH»

  6. #6
    Originariamente inviato da Prill
    devi cancellare il testo "scarica". Avresti un link vuoto e per evitare che l'immagine di sfondo sia tagliata dovresti specificare le dimensioni del collegamento:
    Scusa Prill, ma devo far notare che un link <a></a> senza alcun contenuto non è per niente semantico, e un sito web nel 2013 non può permetterselo.
    La soluzione più corretta dal punto di vista dell'usabilità sarebbe richiamare l'icona direttamente nell'html con il tag <img> impostando "scarica" come testo alternativo.
    «Prendo rifugio nel grande BOH»

  7. #7

  8. #8
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Originariamente inviato da mahamatt
    Scusa Prill, ma devo far notare che un link <a></a> senza alcun contenuto non è per niente semantico, e un sito web nel 2013 non può permetterselo.
    La soluzione più corretta dal punto di vista dell'usabilità sarebbe richiamare l'icona direttamente nell'html con il tag <img> impostando "scarica" come testo alternativo.
    ma infatti ha poco senso mettere il link vuoto e poi impostargli un display block che ha altre implicazioni, però se qualcuno ci dice che vuole fare così...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.