Salve,
sto imparando ad applicare Jquery e sto provando a costruire un web editor di CSS, come templatr.cc oppure lo stesso Theme Roller delle Jquery-UI (ovviamente con un'aspettativa diversa).

Potete vedere (e scaricare) il progetto su:

http://tt4fn.netsons.org/fonte

Ora, l'editor funziona così, con il tasto "Show" si mostrano le varie porzioni del css evidenziate da fascette bianche, le fascette sono orizzontali oppure verticali, come potete vedere non riesco a far si che le fascette verticali siano della stessa altezza del blocco (#id) che vanno ad evidenziare.

Il codice incriminato nel JS che non funziona è:
codice:
       $("div").attr("id", function () {
          return $(this).attr("id");
        })
        .each(function () {

        var sph = $(this).height();
        var spw = $(this).width();

        $("span.dividv").css({position:'absolute', display: 'block' , zIndex:'10'});
       
//Doesn't work, seems that 'sph' and 'spw' are not valid for  CSS properties
        //$("span.dividv").height(sph);
        //$("span.divid").width(spw);
//end
//so I need to use a percentage, doesn't render as I want
        $("span.dividv").css({height:'25%'});


        $("span.hid", this).html('<a title="click on white bar to edit ' + this.id + '" class="group">[img]images/star.png[/img]</a>');
        });
Se passo la variabile 'sph' alla funzione html() il valore viene visualizzato, ma se la passo alla funzione height() per impostarla nel CSS il valore non viene preso.

Qualcuno sa come aiutarmi?

Alfredo