PDA

View Full Version : Free CSS validator


MishY
November 13th, 2000, 02:24 PM
Hey,

This is a really good CSS validator Website Rob let me know about. It's called TopStyle, and is a freeware download which ya can get from Here (http://www.zdnet.com/downloads/stories/info/0,,0010WZ,.html)

MiShY

------------------
Cyber Tech Help (http://www.cybertechhelp.com)
You Break 'em - We Fix 'em

tramtwo
November 13th, 2000, 04:45 PM
What is CSS? Links?

------------------
<IMG SRC="http://tram2dotcom.bizland.com/sqlpic.jpg" border=0>
------------------

Buzz
November 13th, 2000, 08:51 PM
CSS are Cascading Style Sheets supported in 4+ browsers. They allow you to set up one file that controls how your font and link tags will appear in HTML. That way you only need 1 file for your whole site instead of changing the tags in every page.

Thanks for the link Mish.

[This message has been edited by Buzz (edited 13 November 2000).]

tramtwo
November 14th, 2000, 03:30 AM
Over my head thanks for the quick lesson. Have you guys tried the MSDN site?

MishY
November 14th, 2000, 03:35 AM
For the HTML and DHTML reference guide ????

Yep I have. Though I found it to be a little too browser specific in parts. ie. IE !! lol http://www.cybertechhelp.com/ubb/smile.gif

Pretty comprehensive though.

MiShY

------------------
Cyber Tech Help (http://www.cybertechhelp.com)
You Break 'em - We Fix 'em

MishY
November 14th, 2000, 03:39 AM
Oh and Tram, if you're interested to see what a CSS file looks like this is the one I created for the main part of the site. As Buzz said it is browser specific as to who will be able to see the rollovers on the links (not top right nav bar because that is a rollover image swap). But later versions of Opera and most versions of IE should be able to see them fine for sure....

A:hover {
color: #CC0000;
background : transparent;
}

.BlueNav {
font-weight : bold;
color : #5D7790;
background : transparent;
}


To explain....

The A.hover is a general link statement because what it does in effect is make it so whenever someone rolls over any links on your page that is linked to this style file (CSS) will then turn this colour

color: #CC0000;

and have a transparent background. The transparent background part is added as some earlier browsers get confused if you do not state this.

The .BlueNav this is more specific. I had to apply this style to individual links. When creating webpages most people if not all use a global statement which dictates the color of all links on the page. So to have different coloured links for different parts of the pages you have to use styles.

The .BlueNav makes certain links this color : #5D7790; and bold

Now that is a simple one because I don't really have much need to use them. Plus because my site is a computing site it really has to be able to be easily viewable and nice in all browsers. But they can get quite complex. Especially when used in conjunction with DHTML for example.

MiShY

EDIT :::: Explanation http://www.cybertechhelp.com/ubb/smile.gif

------------------
Cyber Tech Help (http://www.cybertechhelp.com)
You Break 'em - We Fix 'em

[This message has been edited by MiShY (edited 13 November 2000).]

Buzz
November 14th, 2000, 03:54 AM
The way cool thing about CSS is if you creat a global file that all the other pages reference then at a later date you want to change a color of, oh, say a link on all your pages you can do them all at once just by editing the global style sheet.

tramtwo
November 14th, 2000, 06:29 AM
Intresting stuff. I think i will choose to View Source a bit more often. http://www.cybertechhelp.com/ubb/wink.gif Thanks.