scriptino per muovere il livello di 1 pixel

[dops]

Originariamente inviato da 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.

fammi capire meglio cosa vuoi dire..
embedded o no è uguale.. non ho problemi.. quello che non riesco a capire è proprio cosa vuoi dire.. come possono venirmi in aiuto i css per quello che devo fare? cosa hai in mente?

[Mich_]

HTML:

<div id="container">
  <div id="sinistra">
    <div class="riga">
      <div class="pendolo">
        prima riga
      </div>
    </div>
    <div class="riga">
      <div class="pendolo">
        seconda riga
      </div>
    </div>
    ...
  </div>
  <div id="destra">
    conenuto riquadro di destra
  </div>
  <div id="fondo">
    ...
  </div>
</div>

Il CSS corrispondente (bozza):

#container {
  /* potrebbe servire centrare il blocco o altro */
  /* event. formattazione dei font o altro */
}
#sinistra {
  width 50%;
  float:left;
}
#destra {
  width 50%;
  float:left;
}
#fondo {
  clear:both;
}
.riga {
  height: ...; /* se serve */
}
.pendolo {
  margin-left: 2px;
}
.pendolo:hover {
  margin-left: 0px;
  width: 8px;
  height: 9px;
  vertical-align: middle;
}

Spero di non aver dimenticato cose fondamentali (ad esemppio margin e padding).

Il CSS lo puoi mettere nel tag <style type="text/css"> della head, oppure in un file esterno.