Points of Required Attention™
Please chime in on a proposed restructuring of the ROM hacking sections.
Views: 88,528,831
Main | FAQ | Uploader | IRC chat | Radio | Memberlist | Active users | Latest posts | Calendar | Stats | Online users | Search 05-04-24 04:16 AM
Guest: Register | Login

0 users currently in Computing | 3 guests

Main - Computing - Learning CSS. Where to start? New thread | New reply


Rich
Posted on 03-21-07 04:41 PM Link | Quote | ID: 17690


Snifit
Level: 39

Posts: 42/296
EXP: 403688
Next: 1083

Since: 02-19-07
From: UK

Last post: 6084 days
Last view: 6083 days
Basically, I'm looking to start leaning the basics of CSS coding, hopefully looking to have up to a basic standard of knowledge before I start my job as a trainee website designer later this yeah (oh, fuck). So I pretty much need all the help I can get.

I've had quite a few looks on various sites and on google, but I have no idea where to start at all. I'm pretty much fine with HTML so far, yet I have absolutely no idea about how to use CSS.

Thanks in advance.

____________________
Who needs a signature, anyway?

Kernal
Posted on 03-21-07 05:50 PM Link | Quote | ID: 17702

Gone
Level: 88

Posts: 875/1881
EXP: 6466167
Next: 184497

Since: 02-20-07

Last post: 6154 days
Last view: 6145 days
I'd recommend starting by learning the CSS equivalents of the familiar HTML tags, like font-weight: bold for <b>.

Rich
Posted on 03-21-07 05:56 PM (rev. 2 of 03-21-07 06:22 PM) Link | Quote | ID: 17709


Snifit
Level: 39

Posts: 44/296
EXP: 403688
Next: 1083

Since: 02-19-07
From: UK

Last post: 6084 days
Last view: 6083 days
Posted by Kernal
I'd recommend starting by learning the CSS equivalents of the familiar HTML tags, like font-weight: bold for .


Yep, got the gist of most of that by looking through samples. I'm just not sure where to go on from here.

____________________
Who needs a signature, anyway?

Kernal
Posted on 03-21-07 06:02 PM (rev. 3 of 03-21-07 06:02 PM) Link | Quote | ID: 17713

Gone
Level: 88

Posts: 880/1881
EXP: 6466167
Next: 184497

Since: 02-20-07

Last post: 6154 days
Last view: 6145 days
Then learn other things to do with CSS, I guess. Also, the different ways to incorporate CSS into an HTML document (i.e., as a style element of any tag for one-time use, or internally in the <head> section of the HTML document or externally in a separate .css file) and when to use each one:

Style attribute (<tag style="whatever">): when it's a one-time thing, like you want only one sentence to be red or something
Internally in the head section: when you want that CSS to be applied to only one HTML page, but everywhere on the page. Say you want all <b> tags to also make the text slightly larger, you could specify a style for the b tag.
In an external .css file: Same as above but if you want to use the same CSS on many pages such as an entire website.

Xeon
Posted on 03-22-07 04:45 AM (rev. 2 of 03-22-07 04:46 AM) Link | Quote | ID: 17933


Red Paratroopa
Level: 31

Posts: 48/174
EXP: 181686
Next: 3677

Since: 03-09-07

Last post: 6027 days
Last view: 3230 days
CSS is pretty easy up until the point you start getting into advanced stuff like pseudo elements and table-less layouts. CSS gets even more trickier when your working towards cross compatibility between browsers and strict W3C validation. Internet Explorer has a bad reputation for badly parsing CSS. Then again Firefox has some weird ass issues i've encountered as well. In a sense there is no perfect implementation of CSS just because It's so complex, and might never be perfected.

Rich
Posted on 03-23-07 08:32 PM (rev. 3 of 03-23-07 08:33 PM) Link | Quote | ID: 18468


Snifit
Level: 39

Posts: 48/296
EXP: 403688
Next: 1083

Since: 02-19-07
From: UK

Last post: 6084 days
Last view: 6083 days
Right. I've spent a whole day messing around with html and css coding, learning from various samples...and I think I've definately got the hang of it.

Just one problem though;

On this page I'm working on, I've got various image links in one coloumn div box underneath one another that are designed to be seamless. This is absolutely fine on firefox - the image buttons link up fine together with no gaps. However, in IE there are gaps between each image...which sucks.

edit - i'll just create a new box for each image. fuck it.

____________________
Who needs a signature, anyway?

Metal_Man88
Posted on 03-23-07 09:27 PM Link | Quote | ID: 18484


Level: 48

Posts: 144/458
EXP: 776975
Next: 46568

Since: 02-19-07
From: The Void

Last post: 3038 days
Last view: 3038 days
It's easy. Learn classes and how to attach styles to individual elements, and you're done.

And also realize no one browser processes it the same, so that you might as well go with whatever looks good to you rather than what a bunch of stuffy corporate wackos say is right.

Kawa
Posted on 03-24-07 06:19 PM Link | Quote | ID: 18740


CHIKKN NI A BAAZZKIT!!!
80's Cheerilee is best pony
Level: 138

Posts: 131/5344
EXP: 30963908
Next: 699073

Since: 02-20-07
From: The Netherlands

Last post: 4506 days
Last view: 2641 days
Posted by Xeon
Then again Firefox has some weird ass issues i've encountered as well.
Opera too, I heard. IE7 is the only browser I've seen rendering my webpage right...

Just got a marvellous idea.

PHP-generated CSS that adjusts to the browser.

____________________
Wife make lunch - Shampoo
Opera - give it a spin
Spare some of your free time?
<GreyMaria> I walked around the Lake so many goddamn times that my sex drive was brutally murdered
Kawa rocks — byuu

HyperHacker
Posted on 03-25-07 07:40 AM Link | Quote | ID: 19004

...
Level: 73

Posts: 31/1220
EXP: 3368867
Next: 117001

Since: 03-25-07
From: no

Last post: 6099 days
Last view: 6083 days
Any time I need to know something about CSS, I Google "css [whatever I need to know in 2-3 words]". E.g.: "css font size", "css border", "css maximum height", etc. No quotes, though.

Main - Computing - Learning CSS. Where to start? New thread | New reply

Acmlmboard 2.1+4δ (2023-01-15)
© 2005-2023 Acmlm, blackhole89, Xkeeper et al.

Page rendered in 0.022 seconds. (329KB of memory used)
MySQL - queries: 52, rows: 69/70, time: 0.016 seconds.