ugh, CSS Layouts vs. Tables

[MBX]

so i'm a bit frustrated. as a visual person and no webdesign-pro i need to see what i'm doing for my rare webdesign occasions. i agree css is much cleaner than what was used in the old days (table layouts) but i just can't do css layouts quickly unless i spend more time learning it, and i don't want and can't.

creating table layouts gives me quick visual responses how i place my graphics, images and define the look. but with css i can't mess around as easily, cause it's mostly in the code. i'm using dreamweaver, but i miss the function to edit things visually but with the web 2.0 in the back mind of the code.

does anyone have suggestions for me for this kind of stuff when using dreamweaver? is there a way to edit css layouts/ "tables" in a visual way?

[codeexploiter]

I think to handle CSS based layouts you should have some idea about CSS as users can't handle the CSS in a "visual" way like a table cell dragging and dropping.

CSS is all about the rules, so if we want to change anything i mean anything at all we have to change the CSS rules.

Me too was a table lover but nowadays am trying to learn the CSS techniques as it offers more advantages compared to table based layouts.

[jbert]

http://css.maxdesign.com.au/floatutorial/


check this out. I built my pages from this. Works in both IE and FF.


Jim

[boxxertrumps]

i have a liquid-type layout for my website...
http://boxxer.mooo.com/

Heres What It It based On...

.content {padding:4px 4px 4px 60px; margin: 0px 75px 0px 75px}
.menu {float:left;width:120px;}
.extra {float:right;width:140px;}

<div class="menu">Left column(Usually Links to different Pages)</div>
<div class="extra">Right Column(Usually Ads or Form/links to manipulate current page.)</div>
<div class="content">Middle column</div>

but that code is purely layout, i took out the border colors and junk...

[MBX]

thanks for all the comments. even though i won't need webdesign after i do my quick site i still hope that next version(s) of dreamweaver give a visual way of editing css...

[boxxertrumps]

WYSIWYG editors dont usually give valid code, but if its only a quick project you need to do, then you can just add the proper styles in with the text editor in dreamweaver.