Download presentation
Presentation is loading. Please wait.
1
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 1
2
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 2
3
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 3
4
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 4
5
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 5
6
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 6
7
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 7
8
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 8
9
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 9
10
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 10
11
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 11
12
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 12
13
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 13
14
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 14
15
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 15
16
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 16
17
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 17
18
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 18
19
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 19
20
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 20
21
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 21
22
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 22 Embedded Presentation vs. Separated Presentation Embedded Presentation Separated Presentation
23
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 23
24
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 24
25
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 25
26
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc.Slide 26
27
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 27 IDs in CSS An ID is used to define a style on a web page element or group of elements – An ID must be unique on a page IDs are usually used to define layout areas on a web page In the stylesheet, an ID uses the # character –#header { color: #CCCCCC; }
28
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 28 IDs in a CSS file #container { text-align: center; width: 955px; margin: 0px auto; #header { background-color: #00600; padding: 5px; } #content { text-align: left; background-color: #FFFFFF; } #footer { text-align: center; background-color: #00CC00; }
29
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 29 Two Column Layout Both columns may not end in the same place You can have a background with columns in the container Need to add clear:left; to the footer ID to stop the footer from floating Content inside the second column is floated to the left of the first column and is longer Content in first column is floated to the left of everything Content in the footer is not floated
30
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 30 CSS for IDs for Two Column Layout #container { margin: 0px auto; width: 955px; } #left { float: left; } #footer { clear: left; }
31
Murach’s ASP.NET 3.5/C#, C5© 2008, Mike Murach & Associates, Inc. Slide 31 Practice Makes Perfect Use CSS to separate page content from presentation Do not use CSS to give HTML tags an unfamiliar appearance The more you use CSS the better skilled you will become Examine CSS used by others to extend your knowledge, i.e. http://www/csszengarden.com
Similar presentations
