Mappa Immagini

**takashido** · 02-03-2006, 11:52

Ciao a Tutti,
devo creare una mappa per questa immagine
(dimensioni circa: 400x175) dove devo richiamare sempre la pagina index.html per tutte le successive pagine.

Cosa devo aggiungere
nella pagina html e cosa in quella css?

<td width="766" style="background-image: url(images/t.jpg); background-repeat: no-repeat; background-position:;height:266px" valign="top">
<div style="margin-left:68px; margin-top:82px;"></div>
</td>

Grazie Ciao .....Maurizio

**Mich_** · 02-03-2006, 12:01

Le mappe si attribuiscono alle immagini, non agli sfondi.

D'altronde se devi usare una mappa, l'immagine fa parte del contenuto, non dell'abbellimento, quindi e` semantcamente sbagliato metterla come sfondo.

Ergo:
l'immagine deve essere inserita con il tag <img> (che chiaramente avra` l'attributo usemap="NOMEMAPPA").

**takashido** · 02-03-2006, 12:33

Ciao Grazie per la risposta!

Quindi non c'è soluzione?
Comefaccio se il sito l'ho impostato così?
Adesso io devo perforza creare un link che mi riporti
alla home page.....sarebbe da mettere sulla imaggine di testa chiamta "t" nella pagina index....
vedi il sito www.ilgiardinoroccioso.com

**Mich_** · 02-03-2006, 12:47

Una mappa o un link?
Le cose sono ben diverse!!

**takashido** · 02-03-2006, 12:52

Ovvero io vado nella porzione di immagine di sfondo
della scritta del logo circa 405x175 e premendo su questa area
torno alla pagina index...

ciao grazie!

**Mich_** · 02-03-2006, 13:13

Allora e` un semplice link.

Ci sono alcuni modi per farlo: se fai una ricerca nel forum (bottone in alto a destra) li trovi.
Ecco un esempio:

codice:

<div id="marchio"></div>

Il CSS relativo:
#marchio {
  background: url(images/t.jpg) no-repeat; 
  background-position: ???;
  width: 766px;
  height: 266px;
  border: 0;
  padding: 0;
  margin: 0;
}
#marchio a {
  width: 766px;
  height: 266px;
  border: 0;
  padding: 0;
  margin: 0;
}

Nota lo spazio all'interno del tag <a>

**takashido** · 02-03-2006, 13:38

Non riesco a inserire il codice in modo decente....
mi appaiono sempre due img di "t" (testa)....

provo a scrivere parte del codice qui....

guarda se riesci a indicarmi con un colore rosso le parti da cancellare e in blu quelle da inserire..

Ti ringrazio infinitamente!

<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#ffffff" onLoad="MM_preloadImages('images/l1.jpg','images/3-l3.jpg')">
<table width="100%" style="height:100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>

<td width="50%" bgcolor="#000099" style="height:100%" valign="top"></td>
<td width="766" style="background-image: url(images/b-dr.jpg); background-repeat: repeat-y; background-position:;height:100%" valign="top">
<table width="766" style="height:670px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="766" style="background-image: url(images/t.jpg); background-repeat: no-repeat; background-position:;height:266px" valign="top">
<div style="margin-left:68px; margin-top:82px;"></div>
</td>
</tr>
<tr>
<td width="766" style="background-image: url(images/main-dr.jpg); background-repeat: repeat-y; background-position:;height:272px" valign="top">
<table width="766" style="height:272px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="291" style="height:272px" valign="top">
<div align="right" style="margin-left

x; margin-top:33px; margin-right:22px; margin-bottom

x">

<div>[img]images/l1.jpg[/img]</div>

<div style="margin-top:17px">[img]images/l2.jpg[/img]</div>

<div style="margin-top:17px">[img]images/l3.jpg[/img]</div>
<div style="margin-top:17px">[img]images/l4.jpg[/img]</div>
<div style="margin-top:17px">[img]images/l5.jpg[/img]</div>
</div>
</td>
<td width="406" style="height:272px" valign="top"><div style="margin-left

x; margin-top

x;">[img]images/m-p.jpg[/img]</div></td>
<td width="69" style="height:272px" valign="top"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="766" style="background-image: url(images/b.jpg); background-repeat: no-repeat; background-position:;height:132px" valign="top">
<div style="margin-left:90px; margin-top:24px;">[img]images/copyr.jpg[/img][img]images/priv.jpg[/img]</div>
</td>
</tr>
</table>
</td>
<td width="50%" style="height:100%" valign="top"></td>
</tr>
</table>
</body>
</html>

**floyd46** · 02-03-2006, 15:10

ciao taka
non ho ben capito a quale mappa ti riferisci nel sito che hai postato; ho solo visto che hai utilizzato le immagini per delle voci di menu "azienda", "scenografie" ecc... Un elenco semplicissimo <ul>
non ti piaceva?

Piuttosto, il codice che ti ha scritto dreamweaver è un pastrokkio unico; formattazione nella pagina dei div..., scambio immagini con i cmportamenti delle stesso programma....non è plroprio il massimo.
Non trovi?
bye
Floyd

**takashido** · 02-03-2006, 15:15

Ciao,
se non sbaglio ci siamo sentiti altre volte!

Il mio problema è che ho unnimmagine di sfondo e devo creare
una area mappa che permetta di tornare all'index....
credo che <ul> vada bene...il problema è che non ricordo
come si impostano le aree mappabili con i css sia nella pagina css che in quella html.
Considerando che l'immagine si trova nell'html e non nel css.
Come posso risolvere questo problema?
Sai aiutarmi?

Ciao e grazie!

Discussione: Mappa Immagini

Strumenti discussione

Ricerca discussione

Visualizza

Mappa Immagini

Area link

Devo essere proprio Turrato....

Re: Mappa Immagini

Mi piacerebbe....

Permessi di invio