Viewing Thread:
"I would Like to Learn CSS"

Hay all,

I've started a personal site (Steve's Miscellany http://stevesmiscellany.8bit.co.uk) and have started to design, but it has struck me that I really want to learn CSS to use on my new site. Does anyone know of a good site that has a section on how to learn CSS? I tried my usual source "The World Wide Web Consortium" and they advise some books, but I can't be arsed to spend any money to learn CSS. Any and all suggestions are much appreciated.

S.A.

TBH, Opera and Safari can go and [YOU MUST BE OVER 18 TO READ THIS] because I don't really care about them. Mozilla's a pain in the a*se as it is.

Plus for the few people that will use Opera, I can't be bothered.

Mozilla needs to be sorted though, it's like 67% IE and 33% Netscape at the moment from my last 100 stats (I'm guessing Netscape is Mozilla?)

Have you tried it in Opera of Safari?

Oh, I haven't started on the main site yet, that's gonna take yeeeeeears to sort out.

I was making a smaller site for someone, just a little business site. (Don't worry, I'm not charging!)

It looked good in IE, then it was crap in Mozilla, I've just sorted it now so that it looks average in both.

I like the colour scheme, phi11ip.

I just sorted out the padding and I managed to sort a few problems...

It's a sod though, I've managed to get them looking identical on IE and Mozilla now but the way that browsers do different things with different code really is quite annoying!

Timmargh wrote:
> Ah. Just noticed that Mozilla doesn't support 'text-shadow' ...

Tyla wrote:
> Thats because text-shadow is a propriotry Microsoft Tag along with
> dropshadow, blur, motion-blur and scroll bar effects. Meaning, it is
> "Invalid" CSS

Sorry, Tyla, but I read it on the official CSS specification site ...

http://www.w3.org/TR/CSS2/text.html#text-shadow-props

... It doesn't work in IE, either, at least not in IE 5.2 for the Mac. The only browser I've seen it work on so far is Safari. I'm downloading Opera at the moment ...

Cheers Tyla.

taka-Q wrote:
> Right...
> I've learn the "Basics" as it were as in how to add CSS to
> HTML and intergrating CSS files into sites as well as how the
> language is set out, but I can't find anywhere that covers how to use
> CSS to position objects, navbars etc and I can currently only use it
> to edit text. Anywhere you can recomend? I may have missed one in
> Tyla's list of URLs but I can't find any.
>
> Cheers
> S.A.

Using:

Inline:


@import: http://w3development.de/css/hide_css_from_browsers/import/

or

Link:

For positioning elements have a look at my dev site:
http://dev.digital-prozac.co.uk/welcome.php and pick the code apart ir:

http://glish.com/css/7.asp

Timmargh wrote:
> Ah. Just noticed that Mozilla doesn't support 'text-shadow' ...
>
> :-(

Thats because text-shadow is a propriotry Microsoft Tag along with dropshadow, blur, motion-blur and scroll bar effects. Meaning, it is "Invalid" CSS

Right...
I've learn the "Basics" as it were as in how to add CSS to HTML and intergrating CSS files into sites as well as how the language is set out, but I can't find anywhere that covers how to use CSS to position objects, navbars etc and I can currently only use it to edit text. Anywhere you can recomend? I may have missed one in Tyla's list of URLs but I can't find any.

Cheers
S.A.