Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    636

    creare riquadro immagine come link

    ciao a tutti
    sto utilizzando dreamweaver.
    in una pagina vorrei creare un link con immagine.
    in particolare vorrei creare un riquadro (tipo rettangolo) linkabile di dimensioni fisse nella pagina.
    in questo rettangolino vorrei inserire una foto di dimensioni più grandi del rettangolino cliccabile così da poter muovere la foto a mio piacimento (oppure cambiare la foto) e in modo tale che ci sia solo una parte della foto che sia visualizzata.
    non so se mi sono spiegato...come posso fare?

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    setta il link con display: block + le dimensioni in altezza e larghezza che ti servono + overflow: hidden.
    in questo modo la parte di immagine che eccede le dimensini fissate dovrebbe venire nascosta


  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    636
    quindi devo inserire prima l'immagine poi la rendo link e poi seguo i passi che mi hai suggerito?

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    636
    allora, ho fatto così:
    ho inserito l'immagine nella pagina, ho creato link dell'immagine ad un'altra pagina che sistemerò.
    poi ho creato uno style per l'immagine. nello style ho messo tutto ciò che mi ha detto.
    il problema è che modificando le dimensione del box dello style mi modifica le dimensioni dell'immagine (anche in maniera non proporzionata)..cosa sbaglio?

  5. #5
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da jurij7
    poi ho creato uno style per l'immagine. nello style ho messo tutto ciò che mi ha detto.
    non all'immagine, al link.

    il tuo codice html sarà del tipo:
    [img]percorso/immagine.jpg[/img]

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    636
    Originariamente inviato da Myaku
    non all'immagine, al link.

    il tuo codice html sarà del tipo:
    [img]percorso/immagine.jpg[/img]
    io invece ho :
    <h1>[img]immagini/nome.jpg[/img]</h1>

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    appunto
    non capisco a questo punto dove sia il problema. il tuo errore come già detto è nell'applicare lo stile css che ti ho suggerito all'immagine invece che al link.

    ps. meglio non usare spazi nelle url

  8. #8
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    636
    Originariamente inviato da Myaku
    appunto
    non capisco a questo punto dove sia il problema. il tuo errore come già detto è nell'applicare lo stile css che ti ho suggerito all'immagine invece che al link.

    ps. meglio non usare spazi nelle url
    ok ma come faccio ad aplicarlo al link?

  9. #9
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da jurij7
    ok ma come faccio ad aplicarlo al link?
    link = tag <a>
    assegni lo stile a quel tag, se necessario definendo anche le pseudoclassi

  10. #10
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    636
    Originariamente inviato da Myaku
    link = tag <a>
    assegni lo stile a quel tag, se necessario definendo anche le pseudoclassi
    quindi inizio a creare il tag (per il link) poi faccio la classe al tag e poi inserisco l'immagine..giusto?

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.