Hi I just finished a website that I had to do for a school project. I would like comments, suggestions, ideas, whatever. (It's my first website.) But most importantly, I would like you to test the website in differant browser. Please tell me your browser version and if everything looks good. You should see this:

1. The title changes color when you go over it.
2. The CSS buttons change color when you go over them.
3. On the main page, there's an effect on "Bienvenue sur le site de notre projet annuel."
4. On the main page, when you go over the image, it blurs.

Here is the link:
Le Carbone

im using the most recent version of firefox, and the image doesnt fit in the table.

also... i think it would be better if the image was blurry and then came into focus on roll over.

Similar problems with Opera 7.53, except at the bottom (the border will sometimes strech out far under the copyright)

Using IE6, all 4 things work.

QM

AAAHHHH!!!!
I hope people with lesser versions of IE and Netscape try, cause Opera and Firefox aren't used where I live. Another thing that irritates me, the font of the title in your picture shows up in Times New Roman, that's weird. Here's a picture of the right font.

(SORRY FOR LOW GIF QUALITY)

In order for a font to work, it must be locally available on the visitor's computer. If you choose some obscure font like Copperplate Bold Gothic, and the user's computer doesn't have that font, the browser will revert to the closest available font found on that person's computer.

If you still want the spiffy font, just make it an image, but otherwsie, specify the fonts your website uses with CSS. Some of the most commonly available fonts are Arial, Tahoma, Times New Roman, and Verdana. You can specify multiple fonts using style sheets, so for example in this snippet of CSS code:



The body element of your website will by primary default use verdana font, but if verdana is not available, it will resort to arial. You could have any number of backup options available using this method.

Hope this helps!

Personally, i'd remake it from scratch - not the design, the design is fine. But your page structure is really... bad.

I managed to get it working fine in Firefox in a matter of minutes, but in doing so it screwed up Opera.

Well actually my whole website is done in CSS, the problem is that perhaps the computer on wich he is viewing it doesn't have the same fonts... But it should prove usefull enough, for my audience is only in Canada I guess, using IE and Netscape, thus I shalt not have problems with the fonts. Also, I do not know what you mean in bad structure. Could you explain?

I would guess that Firefox and Opera are quite popular in Canada, despite what you may believe. You should strive for cross-browser compatibility, regardless of your audience.



I'm guessing that he's referring to the structure of your coding.

Physicial distance doesn't matter on the Internet.

Netscape uses the same renderer as Firefox btw. If it's broke in Firefox it's likely broke in Netscape and Mozilla.

These should help:
http://validator.w3.org/check?verbose=1&uri=http%3A//xthost.info/carbone/
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//xthost.info/carbone/

You should be checking with every browser to make sure your website looks good in them all.

It's generally not a wise thing to assume browsers other than IE aren't used much. According to the stats of my site only ~60% of the visitors use IE. Most others use Mozilla or Firefox, and a handfull use Opera.

Ok thanks for the help, I see I have plenty of errors...
Well I think I just fixed the display problems, check in the new thread "Website UPDATED", and please test it there.
Thank you.