Ciao ho il seguente codice di image map creato con il software Handy Image:
<MAP NAME="mappaHeader">
<AREA SHAPE="RECT" COORDS="614,165,669,219" HREF="http://youtube.com" TITLE="">
<AREA SHAPE="RECT" COORDS="677,166,730,218" HREF="http://myspace.com" TITLE="">
<AREA SHAPE="RECT" COORDS="742,166,795,220" HREF="http://facebook.com" TITLE="">
</MAP>
<IMG SRC="E:\Lavoro\faremusika\header sito altervista prova 3.jpg" USEMAP="#mappaHeader" BORDER="0">Mi serve per un header del sito
http://faremusikatest.altervista.org . Nell'immagine principale ci sono delle img più piccole con i link per utube, fb, e myspace, guardatelo un attimo per favore cosi rende meglio l'idea.
Il template che uso (aqua) ha una cartella dove c'è l'header del sito (header.jpg) che ho già cambiato con l'immagine che desidero. Fin qui tutto ok. Poi ho creato un .html dell'image map (imagemap.html) tramite il programmino, e il file l'ho inserito nella cartella dove ho anche l'header.jpg.
Ovviamente ho cambiato l'Img Src con l'indirizzo dell'immagine che ho nel server, infatti se clicco su imagemap.html mi apre una finestra dove il mio header ha le parti mappate e cliccabili. Fin qui pensavo di aver risolto. Invece no!!!
Io sento di essere a un passo dal riuscirci, tuttavia non so come completare l'opera. Sono andato nel Css del Template ed ho modificato il css alla voce div.art-Header-jpeg (controlla l'Header), da:
background-image: url('../images/Header.jpg')a
background-image: url('../images/imagemap.html'):
ovvero cosi:
[quote]div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 1000px;
height: 225px;
background-image: url('../images/imagemap.html');
background-repeat: no-repeat;
background-position: center center;
}[/quote]Non funziona lo stesso...cosa sbaglio oppure cosa non so?
Ah...dato che in alcuni thread ho letto che il problema poteva essere dato dal WYSIWYG Editor, l'ho disattivato e...niente, stesso problema!
Spero che tra di voi ci sia un genio che rida alla mia domanda e mi dia la semplice soluzione!!!
Aiutatemi perfavore!
