Hello, I'm sorry for creating a new thread, but I just updated my site, can you test it please in the most browsers possible? Also check out for the colored scrollbars in Diamant/Graphite/Proprietes
pages.

Here is the adress: Le Carbone (UPDATED)

A website about Carbon? In French?

I'm running firefox, and it works just fine.

But why does the diagram show the two 1s electrons right up next to each other?

Ok cool if it's working in Firefox, it should work in Opera. Please more tests... And Katt, the two electrons are grouped together cause when one orbital is full electrons group together.

i still say the image should clear up when you put your mouse over it.

What? Are you saying that they stick to each other? Electrons are tiny, but they have strong negative charges...they don't "want" to be anywhere near each other. When drawing orbit-style diagrams like that, you usually place them as far away as possible from each other to represent that (like you did with the second energy level). Do a Google image search for "carbon atom" to see what I'm talking about.

Note that this is an IE-only feature. Other browsers will theme scrollbars normally.

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//xthost.info/carbone/graphite.htm

Your server seems to hate the CSS validator now (you can try pasting the CSS code into the validator on the main page).

http://validator.w3.org/check?verbose=1&uri=http%3A//xthost.info/carbone/graphite.htm

About the first few "errors": I don't think META tags are needed anymore. Google, for example, which is the only search engine that matters to me, ignores META tags and uses the page content.

Real errors start at #42. Image tags must have an alt attribute that is shown if the image cannot be loaded or if the user is using a text-browser. If you don't want one just put alt="". Also, for good cross-browser compatibility, use the title attribute for a tooltip, which shows up in Firefox and IE (alt does not show as a tooltip as Firefox).

Close <img> tags with />

XHTML has no <p>, use <div> or a few <br />s. Don't forget to close 'em too.

XHTML does have <p>, however unlike HTML4.01 you need a start and end tag: <p>My Paragraph</p>. although it is often better to use <br />.

As for meta tags, you're supposed to have a content-type tag.

For XHTML it should be:


Of course IE and it's terrible standards support doesnt supprt the application/xhtml+xml MIME type so you'll have to send it as text/html (which from a technical point of view makes your code invalid because it's being interpreted as html4 rather than xhtml. Anyway, I digress)

Heres what you'll need to use:


Oh and I dont know why, but the w3c validator suggested using that charset over UTF-8 so that's what i've put there. The reason your meta tags are not validating is because they're in capital letters and they're not closed.

Yeah I forgot to mention that >_<. *ML is supposed to be in lowercase, not uppercase. That could be why it's not parsing the meta tags correctly heh.

It's actually rarely better to use <br />. The only time you'd want <br /> is when you want to force a line break without a new paragraph, this is a relatively uncommon usage. Your content should be formatted just like you'd format a word processed document. Using <br /> also prevents you from having a css hook for the following content.

The trick to good markup is to have a css hook for everything without having to introduce extra tags.

Generally I've found it best to use <br /> when you're working with single lines of text, and <p> when you have a block of text. For eample this paragraph would be best suited in <p> tags however if you wanted something like:

Best Viewed in Mozilla Firefox
© 2005.

Like that on seperate lines it's best to use <br />.

The problem with <p> is that unless you style it adds space above and below the elements area, so if you're just wanting to format a text document <br /> can be better. With <p> (unless you style it) you cannot get text on the very next line, it will leave a gap.

Anyway I generally use <br /> instead of <p> it just looks neater to me and I find it easier to work with. It's probably because i'm used to \n :p