Posizione assoluta

[poseidon76]

Nel mio sito ho messo un immagine con la posizione assoluta.
quando provoa mettere una risoluzione diversa l'immmagine sballa.
tramite js si può sapere se lutente ha 800x600 o 1024x768 ?
e una volta saputo questi dati si può modificare le coordinate?

grazie

[Sora88]

Dai un occhio a questa discussione:

http://forum.html.it/forum/showthrea...readid=700859&

[poseidon76]

grazie sora ora sò quando è 1024 o 800
ma per modificare le coordinate dell'immagine?
qual'è il comando?


codice img

[img]Image/1.GIF[/img]

[Sora88]

Mmmh.. e a quanto dovrebbero essere le coordinate a 800x600?

[poseidon76]

no quelle già sono 800 x 600


invece a 1024x768
sono
[img]Image/1GIF[/img]

[Sora88]

Ci sono due metodi, il primo è piu compatto e puoi metterlo dove vuoi:
(PS: al tag img devi aggiungere name="image1")

<script language="javascript" type="text/javascript">

if (screen.width == "1024" || screen.width > "1024")
{
document.image1.style.left="833px";
document.image1.style.top="34px";
}
else
{
document.image1.style.left="563px";
document.image1.style.top="14px";
}

</script>

Il secondo meteodo è lungo perche prevede la scrittura di uno due tag img e quindi ti consiglio questo! ^^

(NB: Funza con Firefox, IE, Opera, Netscape ed Avant Broser)

[poseidon76]

grazie
Invece di image1 ke devo mettere? :master: :master: :master:

e se volessi usare 2 css qual'è il comando?

[Sora88]

No devi metterlo image1!
E' il nome dell'immagine!
Così:

[img]Image/1.GIF[/img]

In che senso due css?????

[poseidon76]

in realta l'immagine non si chiama 1 ma giga


2 css

1 x 800
1 altro x 1024

[Sora88]

<script language="javascript" type="text/javascript">

if (screen.width == "1024" || screen.width > "1024")
{
document.giga.style.left="833px";
document.giga.style.top="34px";
}
else
{
document.giga.style.left="563px";
document.giga.style.top="14px";
}

</script>

Css:

<script language="javascript" type="text/javascript">

if (screen.width == "1024" || screen.width > "1024")
{
css="css1024.css";
}
else
{
css="css800.css"
}
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"" + css + "\" media=\"all\">");
</script>