Hi Richard The short answer is 'yes' that can be done. I notice some people have already offered suggestions.
Here are some references that I hope will help you. Whilst there are some "rules" there are many ways to implement those rules. You're now entering a world of standards-based design. You'll come across terms like "semantic" coding and "structured layout". So, forget about most of the WYSIWYG html editing functions and get used to coding in source view. I'd highly recommend a book called "Designing with Web Standards" by Jeffery Zeldman: http://www.zeldman.com/dwws/ I'm on my second reading now and will no doubt read it again. In addition, check out "Eric Meyer on CSS": http://www.ericmeyeroncss.com/ and "More Eric Meyer on CSS" by Eric Meyer. http://more.ericmeyeroncss.com/ This is also an excellent site: http://www.positioniseverything.net/ There are tutorials and explanations that are invaluable. There are also many resources on many sites and most of those can be found linked from Jeffrey Zeldman's site listed above. Finally, you can make a transition to CSS based layouts by coding your pages as XHTML Transitional. Whilst tables *should* be used to present tabular data, it's still okay to use them for some layout purposes - just remember to use CSS to do all the presentation or formatting. It may be tempting to use DreamWeaver to code the formatting (fonts, position, size, colour, etc) but don't go down that path use the stylesheet. Once you get your head around DIVs, selectors, classes and the whole notion of separating presentation from content, you won't regret it. Your work will be more easily produced, maintained and more accessible. The most difficult thing for me has been browser compatibility. Some things look perfect in Safari and FireFox but look totally wrong in IE / Win. I'm still very new to CSS but happy to help. Feel free to email me off this list if you need... although you probably won't need to because there are people here much more qualified than me ... Cheers Jonno On 13/04/2006, at 8:06 AM, Richard Gilmore wrote: > Hi everyone, > > I’m Richard I’m new to the list and new to CSS. I’m learning it for > my job > and the websites I work on. I’m used to tables and old fashioned > html and am > having a hard time understanding how layout is done in css. I’m > used to > working with Fireworks and Photoshop, Illustrator and InDesign/ > Quark where I > can just drag items around visually and plunk them wherever so css > seems > very alien and non intuitive to me. > > I’ve got an example here of what I’ve done and now I’m stuck. And I’ve > included a jpg of what I would like it to look like. Can it be done > in css? > Frankly I’m having a hard time believing the hype about how good > and useful > css is supposed to be when I can’t even do the simplest layout. I feel > stupid. Can what I want be done and how would I go about it? > > I design on a Mac with Dreamweaver MX 2004 (and Firefox) but nearly > everyone > else I work with uses XP and the site will mostly be viewed on Win > IE and > maybe Win Firefox. > > Any help would be greatly greatly appreciated. > > Thank you > > Richard > > > http://www.edu.uwo.ca/newsletter/css_test_files/test.html > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
