Tuesday, April 28, 2009

more CSS stuff

Hey everyone,

Here are a few links of articles and things that go over in better detail what I talked about very confusingly today. Thanks for putting up with my rambling - hopefully it was able to help someone.

These are the articles I used to get the hang of what I know so far about CSS and most are really short (like less than a page).

Divitis: What is it, and how to cure it - an article on "divitis" or using divs instead of working with the html tags that might be better for a certain purpose... this is a REALLY interesting article if you're into it and covers how i did the heading replacement for my 3rd assignment

eric meyer reset - This is the Eric Meyer Reset.css that I used on my 3rd assignment to set all the HTML to a common denominator before I set the properties that I wanted. It's not really necessary, but I did find that it helped me get a good starting point

Centering a div - here's how to center content on a page with a hack included for earlier IE versions - I would add position:relative to the wrapper if you want to absolute position things inside it.

and here are some other helpful articles for laying out things with CSS:

block versus inline elements - block and inline elements function differently and changing a div to "inline" can allow you to put another one right next to it.

the float property - the float property determines where a CSS element is in relation to other elements.... i haven't quite wrapped my head around this yet, but maybe it will help you somewhere for more complex layouts.

css media types and how to use them - If you look at the code for linking a CSS file, you may see the media="screen" attribute (you definitely will if you created it with dreamweaver). I was curious so I looked up what that does.. apparently you can have different CSS for viewing your site on your computer screen, on a phone, when you print, etc. this talks about how to use it and is pretty cool because you could have your page look totally different when printed out than how it looks when it's on the computer.

-Ed

No comments:

Post a Comment