Errors in CSS validation

Well... I'm a newbie myself... maybe this will help a little.

font:62.5%; - Font what? You have it right in other places (Hard to see errors in your own code - I know)

#breadcrumbs li Value Error : background-image Too many values or values are not recognized : url(images/doublearrow.gif) 0 50% no-repeat
I don't think those are valid values for bgrd images - try something like top center

Good Luck

Change the font to font-size. You can't use the font shortcut unless you include at least font-size and font-family in that order.

Change background-image to background. You are using values for the background shortcut. background-image only accepts a uri, the value "inherit" or the value "none".

Thanks for having a look at it.
I meanwhile spent some time on it and managed to resolve the breadcrumb problem. I separated the various values on single entries, i.e. one line is about the image, one about no-repeat...etc, spreading it on single command lines. It worked. I have to re-look at the code anyway, but it will be easier once I have couple of pages linked.

The 62.5% refers to font-size, but if I use font-size it becomes incredibly small. Something is not right but do not know what. I found this 'font:62.5%' line in various books, it has apparently to do with font size for IE and it should allow a better management of the Zoom Level. Yet, all literature reports the use of font and not font-size, so I wonder if the mistake is elsewhere (I cannot believe that one puts in a book something that would not validate - the book I use is a mainstream one by a good author).

So I am down to 1 unresolved problem with CSS. Meanwhile I managed to screw my menu in Spry. God knows what I touched. Can anyone see anything wrong with this code?

<style type="text/css" media="screen">
/* <![CDATA[ */
@import url(xxxxx.css);
/* ]]> */
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript">
</script>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<link rel="shortcut icon" href="images/xxxx.ico" type="image/x-icon"/>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"/>

Anyway, so I am not the only one struggling with finding errors...I thought it was me only!

Any comment is welcomed.
Regards
A

Obviously, it does include invalid code. Now you know more than the author.

I suppose it also depends on when it was written. I purchased a book on server side programming written in 2006 that has all sorts of html errors and non-semantic tables-based layout. You are allowed to say the name of the book and author.

Well, then use 80% or 90% or 110%.

Thanks,
I solved the breadcrumb issue as follows (see below) but I am going to try the changes you suggested as I believe it may be a better way to do it. Thanks for it

#breadcrumbs li {
	display:inline;
	background-image:url(images/doublearrow.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding: 0 15px 0 0;
	font-style: italic;
	color:#414142;

As for Font-size I tried that but there must be something wrong elsewhere as if I do that, the font becomes so small it is almost impossible to read it. It makes sense but for some reason the combination of CSS I use, brings that effect. I wonder why...something to do with the cascading system...? Mah!

If you or anyway sees what I am not able to spot, I would be glad to receive any help (also on the menu issue above - previous msg).

Thanks, regards
A

#breadcrumbs li {
	display:inline;
	background-image:url(images/doublearrow.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding: 0 15px 0 0;
	font-style: italic;
	color:#414142;

That can be shortened to:

#breadcrumbs li {
	display:inline;
	background:url(images/doublearrow.gif) no-repeat center;
	padding: 0 15px 0 0;
	font-style: italic;
	color:#414142;

Thanks for the tip, shortening/simplyfying the code is always good and I think I was overzealous in trying to eliminate the error in validation for this part.

Yet, I still have two questions open:
1) the issue of font (and why when using font-size is all going belly up); I may actually ask the author of the book to help but I recalled what the 62.5% was all about. It allows the font to be sized in ems rather than picapoints or pixels and to make 10ems=10px and so on. I think where I may have got it wrong is that it may need to go on the Body and not the Wrapper. Yet, I cannot see why it changing from font to font-size makes the whole text go minuscule.

2) are warnings in CSS validation preventing one to obtain the validation? I assume mine are all warnings about colors being potentially confusing, yet I designed it intentionally that way for graphic design reasons (the idea is to keep colors to a minimum even on links etc).

Thanks for the continuos help, this is a great forum. A day I use it and already so good.

Regards
Andy

There's no point to that. Especially since I have my setting different so that text shows up larger on my browser by default and anyone can change it anyway. It's a terrible idea and in the end makes not a bit of difference.