• Does anyone know of any (X)HTML/CSS editor(s) that will allow you to layou your site using div tags?

    I want to make some changes to the current template, but everything I have wants to dump it all into table (shudder) to control the layout (or adds a ton of crap code I wouldn’t know -or care- to deal with). What I would like is the ability to draw a rectange, give it a name, and have the editor create the appropriate div tag, along with the controling CSS for it. The CSS could be embeded in the HTML, pulling it out isn’t a problem. It would be a lot easier to develop pages that way, rather than the try-it-and-see method I tend to use (and often screw up).

    Does anyone know of such an editor?

    Tg

Viewing 15 replies - 1 through 15 (of 22 total)
  • I think Dreamweaver would satisfy your needs, but it’s expensive.

    Thread Starter TechGnome

    (@techgnome)

    Oooff! It would, but for the amount of web stuff I do, it would be cost prohibitive.

    Tg

    Hi! Try HTML Kit.
    It has a plugin that do the job.

    I am a real odd ball. I have dreamweaver MX installed on my computer but the only thing I ever use is notepad/wordpad. Hehe

    Dreamweaver MX 2004 would do the trick. You can download a 30-day trial version from Macromedia.com.

    I suggest if you do choose Dreamweaver then go with version MX 2004 which best supports XHTML and CSS standards.

    Yeah! But wordpad rocks! You type the css and xhtml up and in when you screw up it has all the control z functions memorized. So technically I could be editing a css file for hours then if I hold onto control z long enough it would undo everything.

    Try Notetab Light, it’s free. I have used Topstyle and HTML Kit, but I switched to Notetab. It’s simple and easy to use.

    UltraEdit could be good, too πŸ™‚

    If you want to go to a “light” software and away from Dreamweaver MX 2004 I have two suggestions –

    Notepad2 from http://www.flos-freeware.ch/notepad2.html

    and

    jEdit from http://www.jedit.org/

    PSPad and Topstyle are perfect. It is one certainly for XHTML (which will replace HTML eventually).

    search on google for PSPad.

    Thread Starter TechGnome

    (@techgnome)

    I appreciate the comments, and many of those are fine in their own right (I even use a couple of them already) but none (I haven’t checked into DW MX just yet) are what I’m looking for. For starters they are all text based. I’m much more of a visual type of person. I’d like to draw my rectangle for my div tags (kinda like how I can to do the same in paint) give it a name (or a class) and let the proggie generate the CSS for me. I’ve been able to do this in other progs, but they all generated tables (GAH!).

    Tg

    Drawing your div tags?!

    Sorry, but Dreamweaver and GoLive are as visiual as it gets. Webpages are not graphics. And over time you will discover the joy of simply working directly in the code instead of using a visual editor anyway.

    PS: I am also a visual person …

    “PS: I am also a visual person”

    So am I, and yet ironically I’ve never used anything but a text editor for working with HTML, etc.

    Perhaps we’re lucky enough to be able to visualize what the code before us will look like in a browser…

    Check this free solution:

    “Nearly all its functions are based entirely on the CSS layout model. The result is far cleaner code and much enhanced control over positioning and typography. This typically means pages download quicker because it is no longer necessary to convert text to images in order to give headings and logos the desired look. “

    http://www.price-media.demon.co.uk/cascade.html

    Thread Starter TechGnome

    (@techgnome)

    orangeguru – Kafkaesqui – you mean you can look at the screen, and jsut visualize your left bar 100px from the left?! Wow…. I had an idea, but from a CSS perspective, I don’t know the exact spacing or the right layering that I needed to get it just right. I wanted something where I could draw my div boxes, moving & stretching them and sdjusting them untill it was close enough. Then I’d pull the CSS out and stick it in it’s own file. All I needed was the positioning. I can do the coloring and other junk no problem.

    But it’s all moot now, I found a template I liked pulled it apart (it was in tables! eww!) and converted it into pure CSS. I just had to think it through slowly.

    As for Dreamweaver – If I did this a lot & thought I would actualy get a lot of use out of it, I’d get it, but for what I needed, it really would have been too much.

    Tg

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘(X)HTML Editors’ is closed to new replies.