absolute css positions - firefox plugin to make it faster?

Question

I do all my css work with firebug, using the up and down arrow keys to adjust top and left values.

Anyone come across a firefox addon that lets me drag stuff around and then copy and paste the top and left values?

---

edit: I have changed the question slightly from 'easier' to faster. Sorry for any confusion, I am not a beginner looking for tools to help me write css, simply to speed up my positioning slightly!

Answer 1

Use dreamviewer, when you set css to absolute, in the preview mode you can drag and drop your element where ever you please two and CSS is generated automatically with the positions top, left where you placed your element

Answer 2

I use the MeasureIt addon for Firefox, which gives you a ruler. Drag from where you want the element to the top left of the screen and it'll give you the absolute position. You might need to adjust for scrolling but it shouldn't be too hard.

Answer 3

I do the measurement part in Fireworks, Photoshop or any drawing program (Photofiltre, Paint.NET, etc or The Gimp), based on a template I was given. Not in the browser. And I certainly don't use absolute positioning for layout!

That said, here are some tools I found useful:

• MeasureIt
• Pixel Perfect overlays a PNG over the page
• many plugins for Firebug exist, they can be found here: http://getfirebug.com/wiki/index.php/Firebug_Extensions . XRefresh and a dual screen for example. Firediff could match your needs