Reflexology

[newmand2]

This page was made by me for free for a friend of my parent's. She is a reflexologist, which basically means she massages feet to relieve stress.

She only wanted to cover the reflexology part of her clinic, as the other treatments she offered were not quite her "strong point" as was still learning.

So here's what I am asking: Is the code semantically correct? Do you like the feel of the site? Which browsers are you using with which resolutions?

Julia Phombeah-Day (http://www.indigochilli.co.uk/reflexology)

Thanks!

[mindlessLemming]

Looks nice in IE6.:)
Looks like minced meat in Mozilla :(

Someones been using the buggiest modern browser exclusively for development... :p

[newmand2]

<Someones been using the buggiest modern browser exclusively for development...

Hehe, I have indeed! Isn't there a site where I can test it through all browsers? I'd like to see what it looks like in Mozilla/Opera/Safari

Any others you can think of?

PS, Mozilla doesn't seem to work on my computer :(

[mindlessLemming]

browsercam.com

But you need an account :(

(may be trials available ;))

[newmand2]

thanks! are there any specific tags/css elements that don't work with Mozilla/Safari etc that I might have used?

[bradyj]

Edit: Oh, and I'm on Mac OS X, 1280 x 1240

No, If you build it correct CSS it will work in Mozilla/Safari/Opera and have issues in IE:)

Your code looks ok, except one section. Your 'Lorem' dummy text needs to be in a tag -- not just a div tag. That's content. Put it in a paragraph tag nested in a div if that's what you need, but it needs to be in paragraph form.

Your CSS needs some work -- it's just that paragraph that's needed, and to be floated properly. The colors are a little too light, would recommend something that 'pops' more to grab attention to the important text - green is not a good color to associate with foot work:) The flash anime is rather boring -- I would just drop it and put a nice, full header in there. White space can be an excellent attention getter (and is often disregarded too much in newbie design), but it's not structured in yours and seems out of place put something in the top that makes it heavy.

Here's some screen shots:

[newmand2]

hmmm ok thanks alot! those screenshots were great, exactly what I wanted!

I'll put that stuff into a <p> tag...

How am I not floating things properly btw?

[bradyj]

Before you worry about that, here are your errors:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.indigochilli.co.uk%2Freflexology%2F

(speaking of, you forgot to close the link to your stylesheet, putting the end bracket may fix some of that) -- and you're not using the recommended full doctype, but I doubt that's a biggie:
http://www.w3schools.com/tags/tag_doctype.asp

Your CSS is fine, but you may want to add an alternate font, as this stated:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.indigochilli.co.uk%2Freflexology%2Fstyle.css&usermedium=all

If copperplate gothic is not installed users get their own generic version, just a thought.

If you have other questions, it may be best to post in the html/css forum, so that all of those guys get to see it, that would have more people noticing stuff.

[JAVAEOC]

I do like the layout and colors, how ever I do not like it that the site is NOT liquid, meaning it looks just fine on my small 600 * 800 res (that is in moz, not in IE :p ), however once I increase the resolution I have alot of white space to the right, that space could be used to spice up the webpage, or deliver Information, however, besides that, I like that layout because it is NOT stuffed with information, and nice simple and clean...

Once the few bugs you have are fixed, and maybe it also is liquid, then It should be a perfect site

Good Job :thumbsup:

[newmand2]

wow everyone, thanks for the good reviews/tips, ill try to get that sorted out asap! JAVAEOC, the reason there is such alot of white space is so that you don't have to scroll sideways with an 800x600 resolution... Or thats what I thought. am i wrong?

[stoodder]

yea it doesnt look bad at all in IE5, very simpler but very organixed i like it.