scriptino per muovere il livello di 1 pixel

[dops]

ciao, devo muovere un livello di 1 pixel ho fatto:

<script language="javascript">
function MoveLayer(layer){
var l=document.getElementById(layer);
l.style.left+=1;
}
</script>

..
..

..
<td width="42%" valign="middle" onMouseOver="MoveLayer(A1)">
..

Cosa c'è di sbagliato?

[dops]

opss

<td width="42%" valign="middle" onMouseOver="MoveLayer('A1')">

ma continua a noon muoversi.. vabbè che sbaglio anche qui += ma anche se non metto il segno + non si muove lo stesso

[Mich_]

Non e` detto che la proprieta` left sia leggibile, per cui il tuo script potrebbe non funzionare.

Comunque alla funzione devi passare l'id dell'oggetto da spostare, quindi supponendo che sia stato definito:
<div id="A1">

devi scrivere:
onmouseover="MoveLayer('A1');"

---

Vedo ora che quest'ultimo lo hai gia` trovato.

Prova comunque a scrivere:
posx = .... (un numero intero ragionevole);
l.style.left=posx;

PS. il div da posizionare deve avere position:absolute; o relative;

[dops]

he.. avevo la posizione su "static", mettendola su absolute o relative capita il già sperimentato problema che il livello và dove vuole quando riduco o ingrandisco le dimensioni della finestra del browser

[Mich_]

http://www.w3schools.com/css/pr_pos_left.asp

Note: If the "position" property has a value of "static", the "left" property has no effect.

[dops]

Originariamente inviato da Mich_
http://www.w3schools.com/css/pr_pos_left.asp

Note: If the "position" property has a value of "static", the "left" property has no effect.

vabbè quindi cosa dovrei fare? devo riportare i livelli alla posizione che voglio quando cambiano le dimnesioni del browser?

[Mich_]

Non so come sia fatta la tua pagina.
Non so se hai usato bene i CSS , ecc.

Posta un link, se possibile, oppure sintetizza i CSS e i tag HTML rilevanti alla discussione.

Dato che ritengo che l'uso corretto dei CSS ti potrebbe portare ad una soluzione piu` corretta e piu` stabile nei confronti sia di una finestra di dimensioni diverse che di browser diversi, ti sposto nel forum specifico.

[dops]

volentieri anche perchè non c'è molto da dire
Si tratta di una tabella divisa in due colonne.. la colonna di sinistra è suddivisa in otto righe.. quella di destr ne ha solo una..
in queste otto righe ci sono dei link e dei livelli (8), in ogn'uno di questi livelli c'è una immagine (molt piccola).. devo quindi fr muovere questi livelli verso destra al passaggio del mouse sulla <td>.. ecco la tabella (magari se la incolli un un editor te ne rendi conto meglio):

<table width="100%"  border="0" cellspacing="3" cellpadding="0">
                <tr>
                  <td width="10" valign="middle">
                    <div id="A1" style="width:8px; height:9px; vertical-align:middle; position:relative;">[img]arrows.gif[/img]</div>
                    </td>
                  <td width="376" valign="middle" onMouseOver="MoveLayer('A1');">Strategia aziendale</td>
                  <td width="348" rowspan="15">sfddddddddddddddddddddddddddddddddd vsdfgsdgsdddddd </td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10">
                    <div id="A2" style="width:8px; height:9px; vertical-align:middle; position:relative ">[img]arrows.gif[/img]</div></td>
                  <td>Marketing &amp; Comunicazione</td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10"><div id="A3" style="width:8px; height:9px; vertical-align:middle; position:relative ">[img]arrows.gif[/img]</div></td>
                  <td>Analisi di mercato e marketing strategico</td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10"><div id="A4" style="width:8px; height:9px; vertical-align:middle; position:relative ">[img]arrows.gif[/img]</div></td>
                  <td>Organizzazione aziendale</td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10"><div id="A5" style="width:8px; height:9px; vertical-align:middle; position:relative ">[img]arrows.gif[/img]</div></td>
                  <td>Controllo di gestione Produzione e logistica</td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10"><div id="A6" style="width:8px; height:9px; vertical-align:middle; position:relative ">[img]arrows.gif[/img]</div></td>
                  <td>Assistenza tecnica e progetti di sviluppo</td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10"><div id="A7" style="width:8px; height:9px; vertical-align:middle; position:relative ">[img]arrows.gif[/img]</div></td>
                  <td>Consulenza e assistenza pubblica e privata</td>
                </tr>
                <tr>
                  <td colspan="2">[img]separator.gif[/img]</td>
                </tr>
                <tr>
                  <td width="10">
                    <div id="A8" style="width:8px; height:9px; vertical-align:middle; position:relative; left:auto; top:auto; ">[img]arrows.gif[/img]</div></td>
                  <td>Internazionalizzazione delle imprese</td>
                </tr>
              </table>

[span]

hai provato, al posto di left, a usare margin-left nello script

[Mich_]

E se passassi ai CSS fatti bene?

La tabella e` di formattazione, per cui si potrebbe eliminarla.

Se usi CSS non-embedded (ad esempio in testa alla pagina, se non vuoi metterli in un file esterno) puoi utilizzare le pseudoclassi :hover (nei CSS2 funzionano anche per i <div>)

Penso che l'uso oculato dei CSS ti potrebbe portare ad un alleggerimento notevole del codice.