Collegamenti nei DIV

**serenella974** · 21-09-2009, 22:00

Ciao ragazzi,
sto sbattendo la testa contro il muro da giorni....
Dopo aver abbandonato i frames sto imostando una pagina don i modelli html di dreamweaver, inserendo le varie immagini nei div.
Ho una parte in alto con un'immagine e la relativa mappa di immagine con i collegamenti (che fa da menu) e nella parte sotto vorrei che si aprissero tutti i collegamenti.....ma non so come fare.

Con i frames bastava dare al collegamento come destinazione il nome del frame dove volevo si aprisse.....ma con i div come funziona?

Potete aiutarmi (con tanta pazienza

)?

**Enzaccio** · 21-09-2009, 22:19

Stavi usando i frame o gli iframe ?

Al click sul mapped-image menù cosa si deve comparire sotto, solo immagini (in cosa consistono i collegamenti) ?

A un Tag IMG puoi cambiare il Valore al SRC via JavaScript;
un DIV puoi turnarlo da display: none; a display: block; come pure, puoi cambiargli l' innerHTML

**miki003** · 21-09-2009, 23:51

Originariamente inviato da serenella974
Ciao ragazzi,
sto sbattendo la testa contro il muro da giorni....
Dopo aver abbandonato i frames sto imostando una pagina don i modelli html di dreamweaver, inserendo le varie immagini nei div.
Ho una parte in alto con un'immagine e la relativa mappa di immagine con i collegamenti (che fa da menu) e nella parte sotto vorrei che si aprissero tutti i collegamenti.....ma non so come fare.

Con i frames bastava dare al collegamento come destinazione il nome del frame dove volevo si aprisse.....ma con i div come funziona?

Potete aiutarmi (con tanta pazienza

)?

Con i div non puoi fare la stessa cosa.

Devi usare:

Gli iframe
Object
Ajax

**serenella974** · 22-09-2009, 09:15

Mi sapete dire passo per passo come fare?
Per ora sono riuscita ad impostare il layout fatto con i div. Ora cosa devo fare per dare ai collegamenti della mappa immagine la destinazione di un div in particolare?

**miki003** · 22-09-2009, 09:44

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#div1 {
	float: left;
	height: 400px;
	width: 400px;
	border: solid #000 3px;
}
#div2 {
	margin-left: 450px;
	height: 400px;
	width: 400px;
	border: 3px solid #000;
}
body,td,th {
	color: #000;
}
body {
	background-color: #FFF;
	margin: 50px;
	padding: 0;
}
-->
</style>
</head>

<body>
<div id="div1">Apri pagina nel div2</div>
<div id="div2"><iframe src="#" name="destinazione" width="400" marginwidth="0" height="400" align="top" scrolling="auto" hspace="0" vspace="0" id="iframe" title="contenuti" allowtransparency="true">Inserire qui il contenuto per  id "div2"</iframe></div>
</body>
</html>

**serenella974** · 22-09-2009, 13:58

GRAZIE MILLEEEEEEEE!!

miki003 permettimi di ringraziarti, ora che ho capito sto impostando la pagina.
Spero non saltino fuori altre stranezze....nell'eventualità posso ricontattarti?

Grazie ancora
Serena

**serenella974** · 22-09-2009, 15:30

Mi sento proprio una pivella...

Lo sapevo che sorgeva un altro problema...adesso ho impostato tutto bene bene, ma l'iframe che mi hai detto su explorer non risulta trasparente quindi nella index mezz pagina + bianca.

Io ho messo un'immagine di sfondo nel container (sotto all'Iframe) in modo che aprendo l'index compaia l'immagine....ma su firefox compare, in explorer invece l'Iframe copre l'immagine con un rettangolo bianco (anche se ho impostato allowtransparency true).

Come si inserisce un'immagine nell'Iframe (in modo che aprendo la index nell'iframe ci sia la home?

Oppure, hai un sistema migliore?

Questo è il codice di tutta la pagina fino ad ora:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Piscina Sporting</title>

<style type="text/css">

</style>
</head>

<body class="oneColElsCtrHdr">

<div id="container">
<div id="header">
[img]images/menu.jpg[/img]

<iframe src="#" name="destinazione" width="1024" marginwidth="0" height="477" marginheight="0" scrolling="No" frameborder="0" hspace="0" vspace="0" class="oneColElsCtrHdr" id="iframe" allowtransparency="true" padding="0"></iframe>
<map name="Map" id="Map">
<area shape="rect" coords="215,213,305,254" href="home.html" target="destinazione" />
<area shape="rect" coords="326,212,450,254" href="chi-siamo.html" target="destinazione" />
<area shape="rect" coords="479,212,662,254" href="corsi-orari.html" target="destinazione" />
<area shape="rect" coords="684,216,814,253" href="contatti.html" target="destinazione" />
</map>

</div>
<div id="footer">

</div>
</div>
</body>
</html>

Discussione: Collegamenti nei DIV

Strumenti discussione

Ricerca discussione

Visualizza

AIUTO collegamenti nei DIV

Re: AIUTO collegamenti nei DIV

Permessi di invio