Slashdot Mirror

You could always use "the Google" to find some...

This one appears to behave nicely, is liquid, and while it DOES use the IE 5 stylesheet hack, that offends my sensibilities less than the overbroad hack that is table-based layout.

Here is another. There are others.

I was in your shoes, too --- just a smattering of HTML. I needed to create pages for my students and local sailing association, so I availed myself of Web Schools from W3C, which is pretty straight from the horses mouth, but no tricks or advanced techniques, and then studying layout like CSS Zen Garden and Boxes Tutorials. I tried to go XHTML 1.0 Strict, and validated my pages with the W3C validator, which gave useful feedback. (Don't look at my "home" page indicated by my ID --- it's just a stub). You're welcome to look at my amateurish example at my school home page. Good luck.

slashcache
also here's a few interesting links bookmarks layouts more layouts

Yeah, Just so you're aware, Flash is actually well-standardized, and because there's a single canonical viewer, one of its great advantages is that you don't have to play vendor control games. Arguably, for complex layout, Flash is easier to work with than HTML, specifically because it is so singly standardized and implemented.

Now, I can't stand to work with it, so please don't think that I'm advocating it. But, Flash was publically standardized and released to the public for reimplementation in the middle of the lifespan of Flash 4. That's the reason for projects like Ming, and for Macromedia's competitors like Adobe to have begun to include the flash format in their own products all at the same time.

As far as open standard things that can do what Flash can do which browser vendors are implementing - other than Flash (which satisfies your criteria,) it's called SVG, and it's about halfway there. You guys haven't rushed to it at all, hence browser vendors' lackluster support. It's been around since 2001.

As far as working in Firefox but not in Mozilla, son, I hate to be the first to break it to you, but they're built from the same codebase.

I'd love to see an example of that; it defies what the Mozilla project seems to be. Did you bother to report it in Bugzilla? Did you tell anyone at irc.mozilla.org #mozillazine about it? Look, it's one thing not wanting to fix it yourself, but if the impossible is occurring, you might at least tell the project about it? I mean, trapsing through bugzilla there appears to be no such bug, and so the only person you have to blame for this not being fixed is yourself.

Anyway, when any one of you guys has to write a container, deal with polymorphism, handle large scale architectures, deal with interfaces across applications, write libraries for static or dynamic linking, then I'll manage to hold sympathy for a few two- and three-line HTML hacks which are already extremely well documented at places like The Noodle Incident, MeyerWeb, WaSP, Well-Styled, and so forth.

The things you're complaining about, even if they were as hard as you suggest, just aren't that hard. As an HTML novice but as a programmer I walked into an IRC channel, got a few good FAQ sites, read for an afternoon, and was able to write cross-browser sites afterwards. Go read Sutter's and Alexandrescu's papers about exceptions if you want to see short examples of what other people deal with silently.

Nobody makes more noise about fewer or smaller issues than the web programming community. Oh no, you have to preface a property illegally with an underscore. Shudder.

Good old Peter Blum - quality validators. While on the subject of .net improvements, don't forget to update the machine.config file so that .net doesn't detect uplevel browsers as downlevel and start outputting HTML 3.2. You can find a fairly good browsercaps file here: http://www.codeproject.com/aspnet/browsercaps.asp though there may be better resources around.

For CSS - I can recommend (In no particular order):
http://thenoodleincident.com/tutorials/css/
http://www.meyerweb.com/eric/css/edge/
http://www.positioniseverything.net/
http://www.s7u.co.uk/
http://alistapart.com/topics/css/

For CSS inspiration, go here: http://www.csszengarden.com/

But I would go for a book:
Designing with Web Standards, Jeffrey Zeldman (ISBN: 0735712018). Possibly also the Eric Meyer on CSS books too.

Enjoy.

• glish
• Eric Meyer's CSS/edge
• Owen Brigg's Little Boxes
• Blue Robot's The Layout Reservoir
• CSS Zen Garden
• MezzoBlue

Well, you need to read more then. All that you state is quite easy to impliment.

Here:
blue robot
glish
a list apart
box lessons
css panic guide
design rant

Well, you need to read more then. All that you state is quite easy to impliment.

Here:
blue robot
glish
a list apart
box lessons
css panic guide
design rant

Well, you need to read more then. All that you state is quite easy to impliment.

Here:
blue robot
glish
a list apart
box lessons
css panic guide
design rant

It's simply impossible to acurately recreate some of the stuff tables do

Nah. It's simply hard to acurately recreate some of the stuff tables do.

Little Boxes and Css Templates should help you.

Also, on my clan site, I've got a working 3 collum layout without hacks: Team AEK website.

I am still looking for a good, up to date tutorial on CSS (recommendations welcome).

What, you mean like a petition to Instead, round up as many people as you can to petition Microsoft to get them to support the PNG format as well as Mozilla does.

What, you mean a petition like Aaron Adam's petition for Proper PNG Support in Internet Explorer for Windows, as endorsed by the likes of Zeldman (designer extraordinaire), A List Apart (who have an article describing various workarounds, which are simple but ultimately impractical), Eric Meyer (CSS guru - excellent books BTW), Owen Briggs (the Noodle Incident), and the like? I'd highly recommend that you take the time to sign it, it'll only take a few seconds...

I'd also encourage you to give Microsoft some product feedback (no registration or e-mail required) on IE/win's crappy PNG support ;)

As for resources describing each browser's level of support, check out this excellent listing of each web browsers' PNG support over at Gregg Roelofses LibPNG site.

Cheers,

ManxStef

Opera has horrible support for font sizing. It does not correctly scale fonts when percentage values are used. This is a huge minus as percentage values are best to use when designing an accessible site.

Opera also leaves room on the right side of the viewport for the scroll bar even when the scroll bar isn't needed. This removes significant visual control away from the author of the web page.

There are several other Opera bugs; some of which still exist as of version 7.

Mozilla has a better box model, a more complete DOM, correctly scales fonts, gives the author full control of the viewport, and pays far more attention to the CSS specs than Opera does.

Here's a good explaination of the font issue and why IE is the worst for individual font sizing.