Hi,
Im interested in finding an app to create the layouts of my web in a visual way, you know creating the divs with the mouse dragging and droping the corners and the laterals of the divs.


I have found Kompozer, but the position, the margins, etc, of the divs that you dimension and place, go directly to the HTML code (inline styles).

Do you know any visual css editor that writes the dimensions, margins and position of the divs in a .css file?

Im looking for an open source one, but if you don't know anyone tell me a closed one.

Ciao

Dreamweaver will do it - but it's not open source - and it will also do it in a very BAD way - with absolute positioning for everything.

Do you not know how to code - or are you just looking for a quick fix ?

When I started learning to code, I read somewhere that I should start my design by writing the actual code, instead of using something like DreamWeaver that enables me to create designs without having to touch it. And if the program makes a mistake and completely ruins the layout (which it surely will), you won't know how to fix it.

Now that I'm moderately competent in coding, I don't even use a program like DreamWeaver because I'm faster coding the plain text. Trust me, you REALLY want to start by writing the code yourself.

If you choose to take my route, use EditPlus. It's what I started using, and it has proved extraordinarily trustworthy since I started.

IMO, the besting thing you can do is avoid a pure visual solution, and learn to use Firebug for Firefox instead. This way, you will become more familiar with the inner workings of the code, but will still be able to see it react in a visual manner while simulating live changes. Learning exactly how the code works will help you a lot when things go wrong and you need to debug.