Ciao a tutti, so di riprendere un tema già affrontato, ma non riesco a capire se sia una questione da risolvere con java o con css.
Ammettiamo che io abbia questo background:
http://upload.wikimedia.org/wikipedi...l_completo.jpg
qual è il modo più semplice per creare dei bottoni trasparenti sopra ogni carta? E come ne determino la posizione? Devo impostare per forza una tabella?
qualcuno potrebbe linkarmi un template?
grazie
background color rgba(0,0,0,0)
Francesco
Una semplicissima immagine mappata risolve il problema,
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Originariamente inviata da carlomarangoni
ti ringrazio per la risposta, ma questa mappatura come la faccio, in css? Io non capisco come posizionare questi bottoni senza ricorrere a un programma com Dremweaver, ad esempio.
Visto che la pagina di sfondo è UNICA, come faccio a indicare la posizione dei differenti bottoni su ogni singola carta? Grazie
La posizione la puoi determinare con position absolute e le regole top e left. Ma io continuo a sostenere la mappatura, che però non si può fare su un'immagine di sfondo della pagina, l'immagine delle carte vuole messa in un div che copre tutta la pagina e li fare la mappatura
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Non ho problemi ad inserire l'immagine in un div anziché utilizzarla come background del body. Ma la mia domanda rimane la stessa: come dispongo i differenti bottoni con questa mappatura?
Avrei bisogno di vedere qualche esempio. Se mi dici il nome in inglese, cercherò degli esempi.
grazie!
<div>
<img src="Carte_napoletane_al_completo.jpg" alt="" usemap="#Carte_napoletane_al_completo" style="border-style:none" />
</div>
<div>
<map id="Carte_napoletane_al_completo" name="Carte_napoletane_al_completo">
<area shape="rect" alt="Asso di denari" coords="9,4,322,575" href="#" title="Asso di denari" target="_self" />
<area shape="rect" alt="Due di denari" coords="361,0,665,570" href="#" title="Due di denari" target="self" />
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
Questa è la mappa delle prime due carte. Al posto del # metti il link.
@Moderatore.
Non ho usato il tag code perchè non funzione
Ultima modifica di carlomarangoni; 02-04-2015 a 15:20
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Se non erro ci sono tool che ti aiutano a mappare un' immagine.
grazie per la risposta, sei gentilissimo!
Penso infatti sia necessario un tool per trovare le coordinate esatte. Forse tu le "fai ad occhio" ormai, ma devo prima capire il meccanismo.
Come tool o-l, ho trovato questo: http://imagemap-generator.dariodomi.de/
Ultima modifica di MM88; 02-04-2015 a 16:11
Guarda che anche Dremweaver lo fa benissimo
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Permessi di invio
Rispondi quotando