html help

[Najdorf]

I have a question for the web savvy here:

please check the page

http://www.ragdollsoft.com/aboutus.html

: the "menu" on the first line is actually done by a table in which I just wrote that stuff and &bnsp (or whatever) to separate them: is this the right way to do it?

The problem is that if people resize the font, it does very ugly things: hence I have 2 questions:

1)is there a way to avoid people resizing that stuff? (i.e. keep the font size constant no matter what)

2)Is there a better way to do this?

Thank you,

Matteo

[Fenris]

1) Please don't
2) Use CSS :)

[blobbo]

Yes. It's called CSS, and it's simple as pie to learn.

[Najdorf]

hmmm... nothing like that in the "html lessons" I read... :-(

( http://www.mcli.dist.maricopa.edu/tut/lessons.html )

Argh, time wasted on worthless source... any tips on a good source of knowledge? (for dummies), not to discover again that the tutorials I read were completely obsolete?

BTW is it "good practice" to use tables or isn't it anymore (I think I read somewhere that you shouldn't...)

[blobbo]

Tables are great - for data. CSS allows you to arrange things properly in containers, like you'd imagine things *should* be arranged. It's surprisingly simple.

This is my favourite site by far:

http://www.w3schools.com/css/css_reference.asp

[Najdorf]

thank you blobbo

[Malarkey]

Also try going to http://www.oswd.org and looking through the layouts that use CSS only and no tables.

[Fenris]

Coolest of them all is, imho, http://www.csszengarden.com, no tables, and the only thing differing between the layouts is graphics and the stylesheet. The designers are not allowed to touch the HTML file.

[blobbo]

Fenris: Very cool site, I agree, but for the beginner, very daunting!

[frozendevil]

If I'm bored or lacking in insperation, sometimes I go to strange banana (http://www.strangebanana.com/generator.aspx) and hit reload a few dozen times :)

[pschorr]

Example and tutorial site focusing on lists:
http://css.maxdesign.com.au/index.htm

[geezusfreeek]

Coolest of them all is, imho, http://www.csszengarden.com, no tables, and the only thing differing between the layouts is graphics and the stylesheet. The designers are not allowed to touch the HTML file.

The only problem with CSS Zen Garden is the fact that they used some unconventional XHTML coding styles so that it would be more flexible for CSS designers. In reality, a web site should not be structured that way.

I guess that might say something about how the XHTML/CSS specs were designed. Obviously, if people need to resort to such things, there is more to be desired. Still, waaay better than trying to use that old HTML stuff for everything!