Positioning!

Here are the files from last class on positioning.

http://www.art346.com/346/lessons/2.17.09/

li tags

These are those little li tag walkthroughs and exercises from last class.

http://www.art346.com/lessons/2.12.09/

Design Coding Video!

Here is that silly video on Design Coding Rap:

http://www.youtube.com/watch?v=a0qMe7Z3EYg

Cheats sheets woah!

Here are those fun little cheat sheets I printed out for you!

http://www.art346.com/346/lessons/2.11.09/

Tip for your layouts

Remember your layout is never going to be perfect the first time you code it.
Play with the margins and padding to make sure it's just right, ALWAYS close your tags correctly and if you need help visualizing how things fit together, don't be afraid to draw your divs on a piece of paper.

:) If you have any questions remember I'm usually available :)

Linking!

From class on anchor tags.



Styling Anchor Tags using parent selectors:

Green Lime Layout Finished

Here is a reference to your green layouts you completed.

File: http://www.art346.com/346/HW/green-layout-finished.zip

Good article for CSS Tools and Techniques

http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/

Props go to Michelle for find this.

Reference Files and such

Here are some helpful reference files for:

• Position
• Float
• Margin
• Padding

Reference Files

CSS Syntax reminder: