problema con Dreamweaver

**yanez** · 26-02-2009, 22:41

ho messo un' immagine molto grande come sfondo 4000 x 2000 tipo

sopra questa immagine di sfondo volevo sovrapporre un' altra immagine più piccola sui 10 pixel
per posizionarla mi appare all'estremità sul lato sinistro e vorrei centrarla

ora partendo dal margine sinistro cerco di dargli dello spazio dal bordo ma immetto valori diversi e si sposta ma arrivato a 900 pixel non si sposta ulteriormente mentre io vorrei metterla tipo a 1500 pixel dal bordo sinistro (visto che l'immagine di sfondo è larga 4000 pixel)
perchè? ..forse perchè 900 pixel sarebbe la capacità massima di una pagina in orizzontale??

qualcuno sa risolvere questo dilemma?

perchè accade questo?sono molto niubbo con Dreamweaver scusate

**Gufo** · 27-02-2009, 00:24

Provato e controlato funziona alla perfezione

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">
<!--
#sposta {
	margin: 0 0 0 1500px
}
-->
</style>
</head>

<body>

<div id="sposta">[img]immagine.jpg[/img]</div>

</body>
</html>

**yanez** · 27-02-2009, 00:50

Originariamente inviato da Gufo
Provato e controlato funziona alla perfezione

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">
<!--
#sposta {
	margin: 0 0 0 1500px
}
-->
</style>
</head>

<body>

<div id="sposta">[img]immagine.jpg[/img]</div>

</body>
</html>

io facevo così evidentemente è diverso

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">
<!--
body {
	background-image: url(file:///C|/Documents%20and%20Settings/luca/Desktop/sito%20piantina%20case/fotocamera%20piantina%20panoramica%20filtro%20illuminator.jpg);
	background-repeat: no-repeat;
}
-->
</style></head>

<body>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


[img]file:///C|/Documents and Settings/luca/Desktop/sito piantina case/Telefono.gif[/img]</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________</p>
</body>
</html>

ora provo come fai te

**yanez** · 27-02-2009, 01:03

niente non riesco

ho provato a fare un misto dei due codici così ma non si sposta

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">
<!--
body {
	background-image: url(file:///C|/Documents%20and%20Settings/luca/Desktop/sito%20piantina%20case/fotocamera%20piantina%20panoramica%20filtro%20illuminator.jpg);
	background-repeat: no-repeat;
	#sposta {
	margin: 0 0 0 1500px
}
-->
</style></head>

<body>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>

<div id="sposta">[img]file:///C|/Documents and Settings/luca/Desktop/sito piantina case/Telefono.gif[/img]</div>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


_________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________</p>
</body>
</html>

**Gufo** · 27-02-2009, 01:13

Guarda che sbagli qualche cosa perchè il mio funziona sicuro! Fidati!

Ora ti posto un esempio controlla tu

**Gufo** · 27-02-2009, 01:17

Ecco l'esempio

Fai scorrere la scroll orizontale e vedrai l'immagine a 1500px

**yanez** · 27-02-2009, 01:30

Originariamente inviato da Gufo
Guarda che sbagli qualche cosa perchè il mio funziona sicuro! Fidati!

Ora ti posto un esempio controlla tu

Originariamente inviato da Gufo
Ecco l'esempio

Fai scorrere la scroll orizontale e vedrai l'immagine a 1500px

ti ringrazio tanto per l'aiuto che mi dai

ma il problema è che non conosco quasi nulla del codice
si ho visto il tuo esempio ma forse è perchè nel mio c'è un' immagine di sfondo?

ce la fai a riprendere il codice che ho postato io e cambiarlo?

**Gufo** · 27-02-2009, 02:06

Originariamente inviato da yanez
ti ringrazio tanto per l'aiuto che mi dai

ma il problema è che non conosco quasi nulla del codice
si ho visto il tuo esempio ma forse è perchè nel mio c'è un' immagine di sfondo?

ce la fai a riprendere il codice che ho postato io e cambiarlo?

L'immagine di sfondo non influsce, il tuo codice va eleminiato e sostituito con il mio e questo lo puoi fare anche tu ora ti posto il codice con l'immagine di background

Ho visto ora che a te non funziona perchè ha sbagliato i css

**Gufo** · 27-02-2009, 02:33

Qui il codice non hai da fare altro che eliminare il tuo e sostituirlo con questo:

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">
<!--
#sposta {
	position: absolute;
	top: 50%;
	margin: -5px 0 0 1500px
}
body, html {
	background-image: url(sf.jpg);
	argin: 0;
	padding: 0;
}
#spessore {
	height: 1px;
	width: 4000px;
	text-align:right;
}
.Stile1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
-->
</style>
</head>

<body>
<div id="spessore"><span class="Stile1">qui sono 4000px</span></div>
<div id="sposta">
  [img]do.jpg[/img]
  <span class="Stile1">qui sono 1500px</span></div>

</body>
</html>

Qui l'esempio

**yanez** · 01-03-2009, 12:06

Originariamente inviato da Gufo
Qui il codice non hai da fare altro che eliminare il tuo e sostituirlo con questo:

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">
<!--
#sposta {
	position: absolute;
	top: 50%;
	margin: -5px 0 0 1500px
}
body, html {
	background-image: url(sf.jpg);
	argin: 0;
	padding: 0;
}
#spessore {
	height: 1px;
	width: 4000px;
	text-align:right;
}
.Stile1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
-->
</style>
</head>

<body>
<div id="spessore"><span class="Stile1">qui sono 4000px</span></div>
<div id="sposta">
  [img]do.jpg[/img]
  <span class="Stile1">qui sono 1500px</span></div>

</body>
</html>

Qui l'esempio

perfetto ho fatto
ti ringrazio tanto per l'aiuto

ma una cosa se volessi immettere più volte la funziona Sposta ne dovrei anticipare altre?

#sposta {
position: absolute;
top: 50%;
margin: -5px 0 0 1500px
}

io ho fatto da me e mi sono fatto sposta2 sposta3 etc ...si può evitare?

e quelle determinazioni iniziali di sposta ..spessore.. etc devono per forza essere immesse all'inizio?quali sono i limiti?

Ciao grazie ancora

Discussione: problema con Dreamweaver

Strumenti discussione

Ricerca discussione

Visualizza

problema con Dreamweaver

Permessi di invio