Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614

    inserire link su immagini

    la faccio breve:
    ho delle immagini di sfondo con delle scritte e vorrei che ci fosse un link sopra quelle scritte.. so che è possibile farlo in HTML ma mi chiedevo se esiste un software che ti permette di farlo in modo automatico selezionando la zona da trasformare in link o se devo trovarmi io tutti i punti giusti e in questo caso.. come fare?? avete qualche consiglio o qualche guida da linkare?? grazie!

  2. #2
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    UP

  3. #3
    Se stai lavorando con un'unica immagine di sfondo e vuoi "sezionarla" in più link, ti conviene analizzarla con un qualunque software di fotoritocco per trovare le coordinate degli angoli delle aree che vuoi rendere clicckabili, e poi utilizzare il le html image map:

    http://www.w3schools.com/tags/tag_map.asp

    Ciao

  4. #4
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    ciao, il problema è che lì vedo che c'è il tag usemap="#planetmap"> ma l'immagine di sfondo è regolata tramite CSS.. come faccio ad usare quel sistema anche se l'immagine sta nei CSS??

  5. #5
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    UP

  6. #6
    Ci sono un sacco di modi, basta ingegnarsi. Nell'html metti i tuoi link testuali, poi nei css ad ognuno dai display block, position absolute, posizionamento e dimensioni.

  7. #7
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    ti chiedo scusa ma io non sono pratico di queste cose, cioè ho usato il codice in quel sito per fare un link ma ora scusa come faccio ad assegnare quel link all'immagine di sfondo?? ho trovato gli angoli per l'immagine ora vorrei capire come fare ad associarlo o se c'è un altro modo per impostare quell'immagine di sfondo senza usare css così almeno potrei farlo più facilmente

  8. #8
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    UP

  9. #9
    Utente bannato
    Registrato dal
    Jun 2007
    Messaggi
    572
    O usi i CSS o mappi un'immagine che non sia impostata come sfondo ad eesempio un'immagine trasparente che si sovrapponga allo sfondo. Un problema poi ti deriverebbe da eventuali contenuti sovrapposti

  10. #10
    Originariamente inviato da Stainboy
    ti chiedo scusa ma io non sono pratico di queste cose, cioè ho usato il codice in quel sito per fare un link ma ora scusa come faccio ad assegnare quel link all'immagine di sfondo?? ho trovato gli angoli per l'immagine ora vorrei capire come fare ad associarlo o se c'è un altro modo per impostare quell'immagine di sfondo senza usare css così almeno potrei farlo più facilmente
    Premettendo che a mio avviso dovresti seguire qualche tutorial base sui vari linguaggi web, sul loro scopo e su come si utilizzano, le risposte ai tuoi quesiti sono:

    1) Sul come fare a rendere cliccabili aree di un'immagine messa come sfondo, ti ho gia risposto fornendoti un modo.
    2) L'alternativa come ti abbiamo gia detto in due è usare un <img> con relativa mappa associata
    3) Le immagini di sfondo (come tutti gli elementi decorativi di presentazione) NON SI POSSONO inserire in altro modo tranne che con i CSS. Tecnicamente esistono degli attributi vecchi che fanno questo, ma sono deprecati nelle DTD loose e non supportati nelle Strict, inoltre sono concettualmente sbagliati (l'html non deve assolutamente e per nessuna ragione contenere elementi che ne indichino la formattazione visiva) quindi, a lato pratico, l'unica e corretta scelta sono i CSS.

    Ricordati che c'è il modo giusto di lavorare, ma bisogna studiare per seguirlo.

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.