<div style="position

**stranamenteio** · 18-12-2009, 21:33

salve a tutti...sto' cercando di creare il mio sito...ed ho riscontrato un problema..
quando metto questo
<div style="position: absolute; width: 247px; height: 340px; z-index: 1; left: 382px; top: 108px; visibility:visible" id="capa1">
<iframe name="I1"allowtransparency="true" style="filter:chroma(color=#ffffff)"; background-color: "transparent" width="245" height="330" src="benvenuti.asp" border="0" frameborder="0">
e salvo la pagina, poi quando apro il sito, quello che dovrebbe venire dentro il riquadro, va' fuori...dove sbaglio?
grazie a tutti

**miki003** · 18-12-2009, 23:46

[list=1][*]Non hai chiuso l'iframe[*]Non hai chiuso il div[*]Troppe dichiarazioni il linea[/list=1]

Correggi intanto queste cose poi riscrivi

**stranamenteio** · 19-12-2009, 11:11

ciao, ho corretto il codice,pero' si vede ugualmente la tag fuori...
http://www.stranamenteio.com/index1.asp
come devo fare per farla stare li dentro?

**miki003** · 19-12-2009, 14:46

Ti chiedo scusa per quanto ti sto per dire, il codice della tua pagina è un orrore non serve fare qualche modifica vorebbe riscrito da capo, hai chiuso i tag body e html prima di finire il codice, hai messo i tag font deprecati ecc. ecc.

Appena ho 5 minuti vedo se riesco a farti un esempio

**stranamenteio** · 19-12-2009, 14:53

tranquillo, ma hai ragione...è il primo che faccio, grazie per l'aiuto comunque

**miki003** · 19-12-2009, 17:09

Allora!

Questo è il codice:

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">
<!--
#contenitore {
	background: url(sfondo1.jpg);
	width: 770px;
	height: 521px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -385px;;
}
#mioiframe {
	position: absolute;
	top: 92px;
	left: 312px;
}
-->
</style>
</head>

<body>
<div id="contenitore">
	<iframe 
      src="pag.htm" 
            name="mioIframe" 
            width="311" 
            marginwidth="0" 
            height="340" 
            marginheight="0" 
            align="top" 
            scrolling="no" 
            hspace="0" 
            vspace="0" 
            id="mioiframe" 
            allowtransparency="true" 
            application="true">
            Il tuo browser non supporta l'iframe
      </iframe>
</div>
</body>
</html>

e QUESTO l'esempio!

Naturalmente per una risoluzione di 1024x768, per altre risoluzioni bisogna cambiare le misure

Spero ti basti!

**stranamenteio** · 19-12-2009, 17:22

sei stato davvero gentilissimo...ti ringrazio di cuore...vado subito a modificare

L'ho appena messo e si vede perfetto..grazie ancora, sei stato gentilissimo..

**stranamenteio** · 19-12-2009, 18:27

posso chiedere solo un'ultima cosa e poi basta?
come faccio a rendere le scritte laterali cliccabili?
ho paura di rovinare tutto il codice che mi hai dato..
grazie

**miki003** · 19-12-2009, 19:00

Inserisci le scritte nell'immagine e fai una mppatura

Ora ti faccio l'esempio aspetta lì

**miki003** · 19-12-2009, 19:13

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">
<!--
#contenitore {
	width: 770px;
	height: 521px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -385px;;
}
#mioiframe {
	position: absolute;
	top: 92px;
	left: 312px;
}
-->
</style>
</head>

<body>
<div id="contenitore">
  [img]sfondo1.jpg[/img]
  <map name="Map" id="Map">
    <area shape="rect" coords="603,66,727,110" href="home.htm" target="_self" alt="Home" />
    <area shape="rect" coords="620,157,724,206" href="news.htm" target="_self" alt="News" />
    <area shape="rect" coords="623,239,750,294" href="Contatti.htm" target="_self" alt="Contatti" />
  </map>
<iframe 
      	src="pag.htm" 
            name="mioIframe" 
            width="311" 
            marginwidth="0" 
            height="340" 
            marginheight="0" 
            align="top" 
            scrolling="no" 
            hspace="0" 
            vspace="0" 
            id="mioiframe" 
            allowtransparency="true" 
            application="true">
        Il tuo browser non supporta l'iframe
  </iframe>
</div>
</body>
</html>

ESEMPIO

Discussione: <div style="position

Strumenti discussione

Ricerca discussione

Visualizza

<div style="position

Permessi di invio