Web Design Forums

Rakan · 28-09-2005, 19:08

As many of you know, I'm just breaking my long, 10-year habit of table layouts... I need some advice...

In many sites that use CSS layouts I have noticed that there are usually a lot of flaws... for example, unintentional overlapping of elements, problems with dynamic data (i.e. lists that tend to shift the design around etc.)... is this from bad designing, or is this a norm with CSS layouts? I only just recently noticed this stuff myself becayse i've actually been studying into it, but before, I never really noticed...

also, is a WYSIWYG editor absolutely necessary for creating elaborate layouts with CSS? More specifically, if I give up my lovely little copy of dreamweaver for Ubuntu Linux (Screem or jEdit or whatever) then will i suffer in the future? Are there any visual editors for linux that could help?

I haven't made elaborate enough designs with CSS layouts to make this kind of judgement myself, so I'm asking those CSS junkies here...

Thanks a lot people.... Ciao.

Transmogrify · 28-09-2005, 19:37

Have a look for Topstyle 3.11 (something like www.bradsoft.com). while it's not WYSIWYG, it is a great editor for CSS and has "intellisense" style coding.. basically you start typing in something and it offers you options.. in that way it's good for learning.. It also shows how your styles are going to look on a page as you're developing it. Well worth checking out. This is for windows, not sure about a linux version.

pgo · 29-09-2005, 02:23

Don't bother with WYSIWYG. They don't render CSS properly. Topstyle is Windows - and it's not exactly WYSIWYG as I recall - it has a "preview" window, though.

I use Notepad++ and, while it has no visual element built in, I have a preview window of my own. I call it "Firefox".

As far as shifting things/overlapping, I'm not exactly sure what you're talking about. That tends to happen when you resize text, sometimes, but shouldn't "just happen" - any examples?

Good luck with the move to CSS and Linux - I'd love to join you but Adobe and game companies have a stranglehold on my Windows install.

weldo · 29-09-2005, 03:32

Text editor will do it.
I use Areanae.
(i really should look at Topstyle though....)

Rakan · 29-09-2005, 05:40

Quote:

Originally Posted by pgo

Don't bother with WYSIWYG. They don't render CSS properly. Topstyle is Windows - and it's not exactly WYSIWYG as I recall - it has a "preview" window, though.

I use Notepad++ and, while it has no visual element built in, I have a preview window of my own. I call it "Firefox".

As far as shifting things/overlapping, I'm not exactly sure what you're talking about. That tends to happen when you resize text, sometimes, but shouldn't "just happen" - any examples?

Good luck with the move to CSS and Linux - I'd love to join you but Adobe and game companies have a stranglehold on my Windows install.

Well, I'm setting up a site with Word Press, and I'm finding the control panel to be misaligned in many places... also when you load up the Theme Editor, there's a list on the side with all the components of the theme. The border stops, but the list helps itself over the end of it... I've seen stuff like this in many places, but always slight misalignments mostly....

aspiramedia · 29-09-2005, 05:46

Use any CSS editor and preview in real browsers.

Works for me.

finbarr · 29-09-2005, 06:12

always preview in browsers - nothing else is good enough. and at least preview in IE, FF, NN and opera

aspiramedia · 29-09-2005, 06:16

As mentioned in another post, I code in Dreamweaver but don't rely on it's "layout" view as it often gets the CSS rendering wrong. You can put all your browsers into Dreamweaver and view your work at the touch of a button or two.

It would be just as easy in any editor though - fire up your browser(s) to the address of your page and hit refresh everytime you edit something.

hlulu · 02-02-2006, 08:29

Use Lunix for design? That's crazy...

funkyprem · 23-02-2006, 06:58

I have to agree.

My work flow:
1) Make coding change in DW, Topstyle, Notepad etc
2) Upload to server
3) Refresh in browser (FF first please!)

28-09-2005, 19:08	#1 (permalink)
Rakan Senior Member Join Date: Mar 2005 Posts: 567	CSS... WYSIWYG Editor... Needed or Not? As many of you know, I'm just breaking my long, 10-year habit of table layouts... I need some advice... In many sites that use CSS layouts I have noticed that there are usually a lot of flaws... for example, unintentional overlapping of elements, problems with dynamic data (i.e. lists that tend to shift the design around etc.)... is this from bad designing, or is this a norm with CSS layouts? I only just recently noticed this stuff myself becayse i've actually been studying into it, but before, I never really noticed... also, is a WYSIWYG editor absolutely necessary for creating elaborate layouts with CSS? More specifically, if I give up my lovely little copy of dreamweaver for Ubuntu Linux (Screem or jEdit or whatever) then will i suffer in the future? Are there any visual editors for linux that could help? I haven't made elaborate enough designs with CSS layouts to make this kind of judgement myself, so I'm asking those CSS junkies here... Thanks a lot people.... Ciao.

29-09-2005, 03:32	#4 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,432	Text editor will do it. I use Areanae. (i really should look at Topstyle though....) __________________ fuck signatures

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

28-09-2005, 19:37	#2 (permalink)
Transmogrify Rough Creep Arse™ Join Date: Jul 2005 Location: Vancouver, Canada Posts: 1,888	Have a look for Topstyle 3.11 (something like www.bradsoft.com). while it's not WYSIWYG, it is a great editor for CSS and has "intellisense" style coding.. basically you start typing in something and it offers you options.. in that way it's good for learning.. It also shows how your styles are going to look on a page as you're developing it. Well worth checking out. This is for windows, not sure about a linux version.

29-09-2005, 02:23	#3 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Don't bother with WYSIWYG. They don't render CSS properly. Topstyle is Windows - and it's not exactly WYSIWYG as I recall - it has a "preview" window, though. I use Notepad++ and, while it has no visual element built in, I have a preview window of my own. I call it "Firefox". As far as shifting things/overlapping, I'm not exactly sure what you're talking about. That tends to happen when you resize text, sometimes, but shouldn't "just happen" - any examples? Good luck with the move to CSS and Linux - I'd love to join you but Adobe and game companies have a stranglehold on my Windows install.

29-09-2005, 05:46	#6 (permalink)
aspiramedia Unregistered user Join Date: Aug 2005 Posts: 312	Use any CSS editor and preview in real browsers. Works for me.

29-09-2005, 06:12	#7 (permalink)
finbarr who the fuck am i? Join Date: Apr 2005 Location: london Posts: 2,508	always preview in browsers - nothing else is good enough. and at least preview in IE, FF, NN and opera

29-09-2005, 06:16	#8 (permalink)
aspiramedia Unregistered user Join Date: Aug 2005 Posts: 312	As mentioned in another post, I code in Dreamweaver but don't rely on it's "layout" view as it often gets the CSS rendering wrong. You can put all your browsers into Dreamweaver and view your work at the touch of a button or two. It would be just as easy in any editor though - fire up your browser(s) to the address of your page and hit refresh everytime you edit something.

02-02-2006, 08:29	#9 (permalink)
hlulu wyh prooffread? Join Date: Jan 2006 Location: Ananindeua Posts: 50	Use Lunix for design? That's crazy...

23-02-2006, 06:58	#10 (permalink)
funkyprem For all your goober needs Join Date: Dec 2004 Location: Coventry, UK Posts: 1,529	I have to agree. My work flow: 1) Make coding change in DW, Topstyle, Notepad etc 2) Upload to server 3) Refresh in browser (FF first please!)

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)