HTML-Kit CSS Checker?

[John Latter]

Hiya,

I recently downloaded HTML-Kit and I'm new to both it and CSS.

I ran my new blog page thru a css validator at:

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

and got about a dozen errors. Is there a CSS editor/plugin I can use
with HTML-Kit?

It didn't help when the line numbers given by the validator don't tie
up with those given by HTML-Kit.

Oh, I got about a zillion warnings with the errors.

If you're kind enough to want to help, please remember you're talking
to an idiot.

The page I wanted validated is:

http://evomech.blogspot.com/

Thanks for reading this,
--

John Latter

Model of an Internal Evolutionary Mechanism:
http://members.aol.com/jorolat/TEM.html

'Where Darwin meets Lamarck?' Discussion Egroup:
http://groups.yahoo.com/group/evomech

Evolution Research Blog:
http://evomech.blogspot.com/

 

[dszady]

Hiya,

I recently downloaded HTML-Kit and I'm new to both it and CSS.

I ran my new blog page thru a css validator at:

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

and got about a dozen errors. Is there a CSS editor/plugin I can use
with HTML-Kit?

Yes. I've never tried them.
http://www.chami.com/html-kit/plugins/Dir/Authoring/CSS/
http://www.ssi-developer.net/html-kit/plugins.shtml
[..]

The page I wanted validated is:

http://evomech.blogspot.com/

Thanks for reading this,

Two mailing lists that I find invaluble are:
FrontPage - css-discuss
http://css-discuss.incutio.com/?page=FrontPage

Web Standards Group
http://webstandardsgroup.org/

Okay. The first thing is everyone feels like an idiot when they start
writing CSS. It's not easy because of cross-browser incompatibilities.

Second. It will take a while to not feel like an idiot and then you
will run into something that will make you feel like one all over again.
(Usually in Internut Explorer)

Let's take line 2 (level 1). All those that say, 'no background-color
with your color' is JUST a warning and usually will inherit the body or
div background-color anyway or it will give you a warning if you apply a
legitimate bgclr
(e.g. #content: {color #000; background-color:transparent;}

Line 17, which is: h1{padding:25px 0px 10px 5%;
That is a valid warning. The space for text-resizing between elements can
only expand from the left. There might be a reason for that. It's up to
you.
To put it simply. The validator is just a tool. It great for gross
errors but it's up to the author to distinguish whether the warnings
warrant fixing or not. Isn't that easy? The validator didn't catch these:
#header{padding:0px 0px 0px 0px; Should be: #header{padding:0 0 0 0; or
#header { padding: 0; }Zeroes are zero period.

* Line : 2 (Level : 1) Same colors for color and background-color in two contexts h1 and a
* Line : 2 (Level : 1) You have no background-color with your color : a
* Line : 3 (Level : 1) You have no background-color with your color : a:hover
* Line : 15 (Level : 1) You have no background-color with your color : h1 a:link
* Line : 16 (Level : 1) You have no background-color with your color : h1 a:visited
* Line : 17 (Level : 2) You have some absolute and relative lengths in padding. This is not a robust style sheet.
* Line : 18 (Level : 1) You have no background-color with your color : h2
* Line : 19 (Level : 1) You have no background-color with your color : h3
* Line : 20 (Level : 1) You have no background-color with your color : h4
* Line : 21 (Level : 1) You have no background-color with your color : h6
* Line : 22 (Level : 1) You have no background-color with your color : h2.sidebar-title
* Line : 25 (Level : 1) You have no background-color with your color : #description
* Line : 27 (Level : 1) You have no background-color with your color : .blogPost strong
* Line : 28 (Level : 1) You have no background-color with your color : #sideBar ul a
* Line : 29 (Level : 1) You have no background-color with your color : #sideBar ul a:link
* Line : 30 (Level : 1) You have no background-color with your color : #sideBar ul a:visited
* Line : 31 (Level : 1) You have no background-color with your color : #sideBar ul a:active
* Line : 32 (Level : 1) You have no background-color with your color : #sideBar ul a:hover
* Line : 32 (Level : 1) Same colors for color and background-color in two contexts h1 and #sideBar ul a:hover
* Line : 33 (Level : 1) You have no background-color with your color : code
* Line : 33 (Level : 1) You have no background-color with your color : code
* Line : 34 (Level : 1) You have no background-color with your color : strike
* Line : 36 (Level : 1) You have no background-color with your color : .byline
* Line : 37 (Level : 1) You have no background-color with your color : .byline a
* Line : 39 (Level : 1) You have no background-color with your color : .blogComments
* Line : 40 (Level : 1) You have no background-color with your color : .blogComment
* Line : 41 (Level : 1) You have no background-color with your color : .blogComments .byline
* Line : 42 (Level : 1) You have no background-color with your color : .deleted-comment
* Line : 51 (Level : 1) You have no background-color with your color : .profile-link a:link
* Line : 52 (Level : 1) You have no background-color with your color : .profile-link a:active
* Line : 53 (Level : 1) You have no background-color with your color : .profile-link a:visited
* Line : 54 (Level : 1) Same colors for color and background-color in two contexts h1 and .profile-link a:hover
* Line : 54 (Level : 1) You have no background-color with your color : .profile-link a:hover

Sorry if I wasted your time.

 

[John Latter]

Two mailing lists that I find invaluble are:
FrontPage - css-discuss
http://css-discuss.incutio.com/?page=FrontPage

Web Standards Group
http://webstandardsgroup.org/

Okay. The first thing is everyone feels like an idiot when they start
writing CSS. It's not easy because of cross-browser incompatibilities.

Second. It will take a while to not feel like an idiot and then you
will run into something that will make you feel like one all over again.
(Usually in Internut Explorer)

Thanks dszady! I've bookmarked the links and subscribed to
css-discuss.

Let's take line 2 (level 1). All those that say, 'no background-color
with your color' is JUST a warning and usually will inherit the body or
div background-color anyway or it will give you a warning if you apply a
legitimate bgclr
(e.g. #content: {color #000; background-color:transparent;}

I didn't fully understand this - as I'm just beginning, would it be
good practice to always specify a bg colour?

Line 17, which is: h1{padding:25px 0px 10px 5%;
That is a valid warning. The space for text-resizing between elements can
only expand from the left. There might be a reason for that. It's up to
you.

The template came with the blog so again I don't understand - does the
space for text-resizing always come from the left or is it because of
the above declaration?

To put it simply. The validator is just a tool. It great for gross
errors but it's up to the author to distinguish whether the warnings
warrant fixing or not. Isn't that easy? The validator didn't catch these:
#header{padding:0px 0px 0px 0px; Should be: #header{padding:0 0 0 0; or
#header { padding: 0; }Zeroes are zero period.

Right, and just to make sure: I can just say zero and it doesn't
matter if its ems or pixels or anything else?

Thanks again
--

John Latter

Model of an Internal Evolutionary Mechanism:
http://members.aol.com/jorolat/TEM.html

'Where Darwin meets Lamarck?' Discussion Egroup:
http://groups.yahoo.com/group/evomech

Evolution Research Blog:
http://evomech.blogspot.com/

 

[miskairal]

Hiya,

I recently downloaded HTML-Kit and I'm new to both it and CSS.

I ran my new blog page thru a css validator at:

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

and got about a dozen errors. Is there a CSS editor/plugin I can use
with HTML-Kit?

Yes. I've never tried them.
http://www.chami.com/html-kit/plugins/Dir/Authoring/CSS/
http://www.ssi-developer.net/html-kit/plugins.shtml
[..]

Wow - I had no idea these plugins existed. Thanks dszady.

 

[dszady]

]

Let's take line 2 (level 1). All those that say, 'no background-color
with your color' is JUST a warning and usually will inherit the body or
div background-color anyway or it will give you a warning if you apply a
legitimate bgclr
(e.g. #content: {color #000; background-color:transparent;}

I didn't fully understand this - as I'm just beginning, would it be
good practice to always specify a bg colour?

For the sake of space, you don't really need it because
the default is transparent. The only time you need it is for Netscape 4.x,
which hardly exists anymore. I would skip writing for a "dead" browser.
(e.g. If your header is white the text background will be white

The template came with the blog so again I don't understand - does the
space for text-resizing always come from the left or is it because of
the above declaration?

Usually text will zoom from top-left, if it zooms. (Opera, Firefox has a
zoom feature also) or from left to right. If the content is centered then
it will start from the middle out.
It's these two lines that are one cause for the horizontal scrollbar at
the bottom.
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=21803571");

Right, and just to make sure: I can just say zero and it doesn't matter
if its ems or pixels or anything else?

You are correct. Some browsers can't compute 0 anythings.
I'm not sure but I think a browser will see a plain 0 and go on to the
next value.

Two good things to have at your disposal are the:
The Web Developers Toobar
http://chrispederick.com/work/webdeveloper/
and Aardvark.
http://www.karmatics.com/aardvark/

Thanks again

You are welcome.

This morning I noticed you posted to WDG. Those guys are geniuses and
the people on css-discuss aren't too shabby either. I swear Georg can just
scan anything and fix it in a second!

 

[John Latter]

]

Let's take line 2 (level 1). All those that say, 'no background-color
with your color' is JUST a warning and usually will inherit the body or
div background-color anyway or it will give you a warning if you apply a
legitimate bgclr
(e.g. #content: {color #000; background-color:transparent;}

I didn't fully understand this - as I'm just beginning, would it be
good practice to always specify a bg colour?

For the sake of space, you don't really need it because
the default is transparent. The only time you need it is for Netscape 4.x,
which hardly exists anymore. I would skip writing for a "dead" browser.
(e.g. If your header is white the text background will be white

The template came with the blog so again I don't understand - does the
space for text-resizing always come from the left or is it because of
the above declaration?

Usually text will zoom from top-left, if it zooms. (Opera, Firefox has a
zoom feature also) or from left to right. If the content is centered then
it will start from the middle out.
It's these two lines that are one cause for the horizontal scrollbar at
the bottom.
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=21803571");

Right, and just to make sure: I can just say zero and it doesn't matter
if its ems or pixels or anything else?

You are correct. Some browsers can't compute 0 anythings.
I'm not sure but I think a browser will see a plain 0 and go on to the
next value.

Two good things to have at your disposal are the:
The Web Developers Toobar
http://chrispederick.com/work/webdeveloper/
and Aardvark.
http://www.karmatics.com/aardvark/

Thanks again

You are welcome.

This morning I noticed you posted to WDG. Those guys are geniuses and
the people on css-discuss aren't too shabby either. I swear Georg can just
scan anything and fix it in a second!

Thank you for the info and links dszady! I've downloaded the two
firefox extensions but can't restart firefox yet cos of ongoing work.

I've only had one reply from the css lists but on the other hand I
haven't any serious problems at the moment - I want to get into css so
I'm going to have to take time out and read some tutorials (just ain't
enough hours in the day!)
--

John Latter

Model of an Internal Evolutionary Mechanism:
http://members.aol.com/jorolat/TEM.html

'Where Darwin meets Lamarck?' Discussion Egroup:
http://groups.yahoo.com/group/evomech

Evolution Research Blog:
http://evomech.blogspot.com/