1 / 6

Art 128 Interface Programming 1 In-class Presentation Week 4A

Art 128 Interface Programming 1 In-class Presentation Week 4A. :: in-class example. Definitions and simple examples of absolute vs. relative positioning: http://www.w3schools.com/css/pr_class_position.asp http://www.nickrigby.com/article/16/guide-to-css-positioning. :: in-class lesson.

hurleyc
Download Presentation

Art 128 Interface Programming 1 In-class Presentation Week 4A

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Art 128 Interface Programming 1 In-class Presentation Week 4A

  2. :: in-class example • Definitions and simple examples of absolute vs. relative positioning: • http://www.w3schools.com/css/pr_class_position.asp • http://www.nickrigby.com/article/16/guide-to-css-positioning

  3. :: in-class lesson • According to the CSS2 spec, an absolute-positioned element is positioned according to its containing block. Any element is considered “positioned” if it has a position value of relative, absolute, or fixed (anything other than static). “Static” is one of the possible values for the position property. It’s also the default value for any element if no other position is specified. Static basically means an element’s position is not modified, and the element will appear in the expected normal flow of the document in context with other sibling elements and containing blocks.* *excerpt taken from stopdesign’s “Making the Absolute, Relative” http://www.stopdesign.com/articles/absolute/

  4. :: in-class lesson • fix the background bug from last week • background: #ccc url(../images/bg_642.gif) repeat-y 50%; • absolute vs. relative positioning • what is the difference? • when do we use one vs. another? • we use absolute positioning when the majority or all of the content has fixed sizes and positions on the page. • we use relative positioning when the majority or all of the content will vary in size and position based upon the size of the content itself. In other words, we use relative positioning when the content is variable and the layout needs to be flexible enough to adapt to the content. For instance, if the length of the text may change, page length may grow, shrink, etc.

  5. :: homework due next week :: 02.07.06 • 2 pages: • Week 4 Relative Positioning Document • http://www2.hawaii.edu/~gargiulo/data/_spring_2006/art128/testSite01/public_html/art128/week4a_relative.html • Week 4 Absolute Positioning Document • http://www2.hawaii.edu/~gargiulo/data/_spring_2006/art128/testSite01/public_html/art128/week4a_absolute.html

More Related