14 replies [Last post]
dthomas31uk
Offline
Enthusiast
Last seen: 12 years 14 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Hi, Have placed my page on the web.

www.mobilehomesabroad.org.uk

AM now currently validating the page at

http://jigsaw.w3.org/css-validator/validator-uri.html

and get the following error

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.mobilehomesabroad.org.uk&warning=1&profile=css2&usermedium=all

Its something to do with the form tage element, but to be honest I don't know why it is wrong....any ideas????

Any advice about the layout of the pages would be appreciated as well.

Cheers Guys

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Help with CSS Validation

You should worry about validating your html before the css file it's far more important, worry about the actual page and it's structure before any styling that may be applied to it.

You have a rather a lot of minor errors, good news is nothing major, but you need to be careful with your syntax; attribute values need to be quoted, most of your errors stem from that plus some table attributes that should go and you have uppercase letters if using XHTML you must use lowercase letters.

I would hazard a guess that you are not using FF with the HTML-Tidy plug-in, as if you were it would list the html errors, it also has the rather neat trick of correcting your code and presenting a cleaned version that you can paste, it would also remove the font tags and other deprecated bits and put them as styles in the head (although you should remove those to the main styles).

Validating online pages requires that the HTML validates first before the CSS will validate, so always concentrate and fix up your errors in the HTML first.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

dthomas31uk
Offline
Enthusiast
Last seen: 12 years 14 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Help with CSS Validation

Hugo what is the HTML tidy plug in for ff...how do i use it??

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Help with CSS Validation

HTML Validator 0.6.2 is found on this page:

https://addons.mozilla.org/extensions/showlist.php?application=firefox&category=Developer%20Tools&numpg=10&pageid=3

Just run the install and then close and re-open FF you will then see a icon bottom right corner that shows valid status clicking on it will bring up the window the plug-in actually appends itself to source view so right click view page source will bring it up.

I'll leave yo to figure the rest out it runs across the bottom of the source view window and has option and cleanup the page buttons.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

dthomas31uk
Offline
Enthusiast
Last seen: 12 years 14 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Help with CSS Validation

Cheers for that hugo

dthomas31uk
Offline
Enthusiast
Last seen: 12 years 14 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Help with CSS Validation

Does IE have any plug ins available?????

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 19 weeks 5 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Help with CSS Validation

Nope, cos it's a stinking POS that no self-respecting web-developer would want to use, let alone install themes and extensions.

Laughing out loud :D

/edit

may I point you toward this post:

http://www.csscreator.com/css-forum/ftopic10633.html

it may help to explain some common HTML errors.

Verschwindende wrote:
  • CSS doesn't make pies

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Help with CSS Validation

Actually it does - it has an Accessibility Toolbar - along the lines of the FF web developer toolbar.

http://www.nils.org.au/ais/web/resources/toolbar/

But, as TPH says - it'd be like having a really good stereo in a car with no engine!

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 19 weeks 5 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Help with CSS Validation

To actually refer to the original post, the validator is telling you there is an error with your HTML, not your CSS.

Quote:

Please, validate your XML document first!

Means HTML document. That needs to be validated before the CSS can be.

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Help with CSS Validation

Yeah like what I said TPH.

The toolbar thingy ain't too hot as it proved impossible to get running on my system despite any number of tricks I pulled to get it going, so my opinion of it is that it is rather prone to IE/Explorer foibles.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 19 weeks 5 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Help with CSS Validation

Hugo wrote:
Yeah like what I said TPH.

Spot on, however I wasn't sure if the OP was aware the error caused by the CSS validator was a HTML error, not a CSS one.

Anyhoo, I've just spruced up my validation how-to, with colors and everything! Come on, check it out!

Verschwindende wrote:
  • CSS doesn't make pies

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 13 years 50 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

Help with CSS Validation

But, in my experience, the IE Accessibility Toolbar is easy to download and install, with absolutely no mucking about with anything... whatsoever Smile It works well enough for its purpose and contains HTML-Tidy.

Tidy is open source, but has been rather hi-jacked by the FF scripters, who, I freely admit, have made it easier to use than the IE Toolbar version. In my view, however, the Tidy plug-in is not always helpful to new coders who tend to use it to clear up their code - at the touch of a button - without fully understanding what was wrong with the code in the first place. A bit like copying a layout, then trying to apply it to your own pages with only a nodding acquaintance of all the little ins and outs of css. The plug-in is, however, great for coders who know what they are doing but have manufactured a few typos and such like along the way.

The code on your page is much closer to html than xhtml1.0 trans (your chosen doctype). This tutorial may help you to understand where the differences lie so that you can work through your document(Drunk and clear up the code yourself, if you want to : http://www.w3schools.com/xhtml/ . This will definitely sort out your form problems - is that Google-generated code, btw?

dthomas31uk wrote:
Any advice about the layout of the pages would be appreciated as well.

I like the layout of the home page and the branding a lot. I appreciate the inner pages go to separate websites, but they lack visual consistency with the home page, do not carry the "Mobile Homes Abroad" branding and do not offer back-links to the Mobile Homes Abroad home page. So, if a site visitor wanders off down the Tenerife pages, then wants to get to the original home page to look at the homes in France there could be an almighty amount of clicking on Back in the browser to achieve that Wink

ps I have validated your css (independently of the xhtml doc). Not too much to worry about there, just remember to place a space after the * selector i.e. * html blah, blah - not *html. The other error (which occurs three times) is self-explanatory Laughing out loud

dthomas31uk
Offline
Enthusiast
Last seen: 12 years 14 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Help with CSS Validation

cheers for your advice guys...much appreciated. Lorraine know what you mean about difference from the page mentioned and tenerife sun etc. does not tie in at the mo. The reason being have created the site for a client and this is the initial stages.....will be looking to bring this page into more of a corporate them with tenerife and france and liking altogether...eventually. but at the mo this is the initial stages.
Once agin cheers for your advice

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Re: Help with CSS Validation

dthomas31uk wrote:

Any advice about the layout of the pages would be appreciated as well.

Bit too much bold text for my liking. If everything's bold, it's harder to draw readers' attention to things you want to emphasise.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

dthomas31uk
Offline
Enthusiast
Last seen: 12 years 14 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Help with CSS Validation

Thast a good point tyson. Will check it out chers