Visualizzazione dei risultati da 1 a 8 su 8

Discussione: a:hover su immagine

  1. #1

    a:hover su immagine

    Rieccomi.

    Questo giro vorrei fare ingrandire un'immagine che utilizzo come lin al passaggio del mouse. Attraverso a:hover, utilizzando CSS, credo sia possibile, ma non so che mettere nelle graffe. Ho provato con front-size e con width, ma non funziona. Dove sbaglio?

    Grazie.

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    l'immagine la devi mettere come background del tag <a> in modo che quando fai a:hover, cambi il background-image con quella grande.

  3. #3
    Io insisto un po', ma sono un novellino, e sto cercando di capire anche cosa posso e non posso fare con html. Io con a:hover vorrei semplicemente modificare la dimensione dell'immagine in link, senza essere costretto ad utilizzarla come immagine di sfondo. La parte di codice è questa:
    <head>

    <style type="text/css">
    a:hover {}
    </style>
    </head>

    <body>
    [img]img/botton_homepage.png[/img]
    </body>
    Solo nella graffa di a:hover non so cosa inserire per aumentare del diciamo 5% l'immagine utilizzata come link (che tra parentesi è il link alla home).

    Scusate l'insistenza, ma vorrei capire soprattutto le possibilità che ho.

    Grazie

    Alessandro

  4. #4
    Il css non può scalare le immagini, se specifichi width ed height diverse dalle reali, non è come come <img> le scala, ma il css le taglia, quindi non puoi fare ciò che hai chiesto se non usando le immagini con background: url();
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  5. #5
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    vorrei semplicemente modificare la dimensione dell'immagine in link
    codice:
    a img{
        width:100px;
        height: 100px;
        border:0;
    	
    }
    a:hover img{
        width:150px;
        height: 150px;
    }

  6. #6
    Originariamente inviato da Prill
    codice:
    a img{
        width:100px;
        height: 100px;
        border:0;
    	
    }
    a:hover img{
        width:150px;
        height: 150px;
    }
    Prill ma così facendo se è un' immagine solamente grande 150px, quando sta normale viene tagliata a 100x100 non viene scalata..
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  7. #7
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    prova il codice e poi dimmi

  8. #8
    Wow, grazie a tutti. Il codice funziona, non mi faglia l'immagine e la ingrandisce correttamente. Tuttavia mi sposta il resto dei contenuti causa ingrandimento (non ci avevo pensato ). Ma questo dovrei saperla risolvere.

    Grazie a tutti, siete stati gentilissimi!

    Alessandro

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.