Css?

[seoguru]

CSS (Cascading Style Sheets) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to web pages written in HTML, so don't forget to use it

[james]

Yea, its has become a basic part of all webdesigns

[Scott]

CSS is really good for SEO HTML cleanup too. Optimized CSS and HTML work wonders. THis is why Wordpress is so easily ranked in engines after just a few inbound links.

[james]

Thanks scott.. thats something I always wonder how wordpress blogs get on top of all engines... what are other wordpress SEO tips

[roger]

CSS is way more powerful than I think many people realize. It's not just for "style" or "styling" it's for interactivity!

It does way more (and in many cases permits a faster, better alternative to Javascript).

For example:

Photo Gallery in CSS only

Flyout Menus in CSS only

Animation in CSS only

Table-less layouts

CSS Forms

Image Opacity

And the list goes on...

The above is some of the cool things that CSS does, so I hope some of you enjoy and learn from those sites like I did.

Cheers!

[Scott]

You have to be careful when you go beyond styling due to old browser compatibility. That's one of the problems.

One thing I use CSS for is image rollovers. Instead of using javascript, I use image rollovers and have excellent success with it. The only problem, of course, is one IE6 doesn't support transparent PNGs and two, IE6 causes flicker issues. So I always have to find IE6 fixes to add (and bulk) my CSS files.

It didn't help that IE7 came out and is simply put, not user friendly. I don't know why Microsoft changed everything around. I couldn't imagine being a ISP tech support rep now, it was bad enough having to know MAC computers and 3 browsers when I was an ISP tech rep... now IE changed the whole layout.. yuck.

[roger]

Oh gosh... PNG and IE. I forgot about that! Here's and easy fix...

A Better IE6 PNG fix at greyHats

Or if you want to use a PHP solution, visit here: PNG-24 Alpha Transparency With Microsoft Internet Explorer 5.5 or better (MSIE 5.5+)

For those that are not fully aware, this is only an issue with IE and 24Bit PNG images (not other browsers).

[Scott]

Yeah, and you need the 24it PNG in order to get transparency working for any page with a non-white background. That was a full 2 day struggle and it infuriated me to no end.

In the end, I went with crappy gif.

Even then, CSS rollovers cause a small flicker effect in IE. So you have to use visible:none (I believe it is, I use DreamWeaver, it knows the stuff I need) to preload the images via CSS.

It's a lot of work, but as I tell Denis all of the time, I refuse to use javascript on ANY site of mine. I'm funny that way, I guess. Therefore, the whole AJAX craze is not my thing.

[whm_newbie]

Nice links Roger. I particularly like the cssplay one. Menu heaven