Back to top

Autore Topic: link sopra immagine  (Letto 639 volte)

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
link sopra immagine
« il: 02 Giu 2015, 12:25:22 »
ciao, ho inserito questa stringa nel mio custom css:


Codice: [Seleziona]


}
#regione {
width: 350px;
height: 450px;
background-image: url(/images/sardegna.jpg);
}

.citta {
font-family: Tahoma, Geneva, sans-serif;
text-transform: capitalize;
font-size: 109%;
}




#regione ul li a:hover {
  color: #ffcc00;
}
#regione ul li a.sassari {
  color: #0099FF;
  left: -19px;
  position: relative;
  top: 110px;
  font-size: 90%;
}
#regione ul li a.porto_torres {
  color: #0099FF;
  position: relative;
  top: 55px;
  left: -73px;
  font-size: 90%;
}







e questa in un modulo html:


[/size]
Codice: [Seleziona]
<div id="regione">




<div class="citta">
<ul>




 




 <li><a class="sassari" href="http://sassari.html" title="sassari">sassari</a></li>
 <li><a class="porto_torres" href="http://porto_torres.html" title="porto torres">porto torres</a></li>
 
</ul>


ma l'immagine non viene visualizzata... cosa sto sbagliando o dimenticando?

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:link sopra immagine
« Risposta #1 il: 02 Giu 2015, 12:45:54 »
Ciao

Prova con

background-image: url(../images/sardegna.jpg);

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:link sopra immagine
« Risposta #2 il: 02 Giu 2015, 12:52:09 »
mmmm niente neanche così..

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:link sopra immagine
« Risposta #3 il: 02 Giu 2015, 13:38:33 »
Prova allora con link assoluto

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:link sopra immagine
« Risposta #4 il: 02 Giu 2015, 13:47:05 »
ora non sto a mettere il link a risorse esterne, ma ci sono veramente tanti esempi in rete.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:link sopra immagine
« Risposta #5 il: 03 Giu 2015, 13:06:17 »
io dovrei richiamare l'immagine che ho specificato nel css



#regione {
   width: 350px;
   height: 450px;
   background-image: url(/images/sardegna.jpg);






e nel codice html nel modulo ho inserito :
<div id="regione">


ma così non funziona..

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:link sopra immagine
« Risposta #6 il: 03 Giu 2015, 13:07:08 »
Puoi mettere un link al sito?

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:link sopra immagine
« Risposta #7 il: 03 Giu 2015, 13:09:12 »
Intanto ho notato che il codice  html non è corretto, mancano le chiusure dei div. Ed anche gli url sono errati (href="http://sassari.html")

 



Web Design Bolzano Kreatif