Design in MODx is oriented on “px”

Hi, participants.

Do I understand correctly, the design in MODx is oriented on “px” and fixed screen sizes ?
I will explain. Units in CSS-tables for many snippets contain values in px exclusively. At least, it is in the distribution pack of MODx (example of site) and majority of snippets and modules.

How are about using of “em” in CSS and “elastic” design in MODx ?
How are about existence of standard templates with "em" values in CSS ? Where can I see them?

Thanks.

The design of your website is totally up to you. MODx places no limitations whatsoever on your template. The HTML template you design provides the framework for the dynamic elements of MODx. Snippets, chunks, TVs are embedded in your HTML to provide the dynamic content. You provide the template.

Well.
I have understood about that MODx is only the framework.

Nevertheless, samples of templates for it are prepared for the fixed size of the screen. I have not seen any example with units "em" in CSS-files of examples ("elastic" design). ;(
And it would be desirable. Because it is the modern approach to Web-design.

It is a pity, that the majority of built-in snippets are oriented on "px".

lol, man )

It’s up to you!

Lack of "em" templates" is - pity?
Make your collection of modern tmls and share it with people!!

Never felt problems with making elastic sites under MODx.

Quote from: traveller at Jan 22, 2008, 04:05 AM

Well.
I have understood about that MODx is only the framework.

Nevertheless, samples of templates for it are prepared for the fixed size of the screen. I have not seen any example with units "em" in CSS-files of examples ("elastic" design). ;(
And it would be desirable. Because it is the modern approach to Web-design.

It is a pity, that the majority of built-in snippets are oriented on "px".

Hi, no offence intended! Perhaps you need to take a crash course for CSS and web design before whining what you can’t find here.

But if you really must be convinced that we are not ’pixel minded’, here is an elastic template I made for Modx. It doesn’t utilized fancy snippets and plugins, but does achieve the level of web standards.

Here is the demo
and the download link :
download
The site is built in Modx too and is elastic layout.

To moderator: How can I use anchor link in the post? I thought I can do this last time. It’s not working now.

moderator note: use [ url = http://somesite.com ]url text here[ /url ] stripping out the whitespace as appropriate. fixed above.

Quote from: belkaU at Jan 22, 2008, 04:20 AM

Never felt problems with making elastic sites under MODx.

Really, there are no problems. MODx and templates are two different things. I have explained all...

Quote from: chinesedream at Jan 22, 2008, 05:03 AM

Here is the <a href="http://www.lotusfromthemud.com/about1">demo</a>

The “elastic” template means, that the template behaves equally well under all browsers (and under IE 5, IE6, for example), and not just under fresh versions of browsers which know how to scale a text and pictures.
Using of units "em" is one of receptions of preparation accurate “elastic” template.

Look at your “creation” under IE6 attentively. The width of columns at font increase remains to a constant. Is it correct ?
Page makeup slides apart...

My message is not an attempt to catch out. My message states a fact of common knowledge and also a wish to see a sample site (from distrib pack of MODx) more advanced.

Perhaps you can show us your masterpiece and enlighten us how to make IE 5 and IE 6 works exactly like other advanced browsers? Better yet, teach us the proper web development so that we can all catch up to your standard.

Nobody would have any objection to you making one and putting it up in the Resources. You could even put up a blow-by-blow account of how you do it in the Wiki. This is an inclusive community; we welcome anyone who wants to help and add to the community.

Personally I practically never use templates, but I don’t think that there’s anything wrong with using px measurements for some purposes. I usually use px for things that I don’t want the user to change (e.g., drop-down menus, column width, etc.) and em for things that I would like to allow the user to change (generally the main text content). Even when I do flexible-width layouts (which I actually don’t do very often, since most visual designs freak out if they’re expanded/contracted too much), I find that setting some px baselines establishes some order that goes a long way towards getting all browsers to display the design about the same.