css web sites with dreamweaver mx 2004 - Phần 10 ppsx

... default DOCTYPE that Dreamweaver MX uses is okay (and MX 2004 is a whole lot better). There’s nothing wrong with it in any technical sense - but there is something wrong with it when it comes ... edit the section (in old .css) for #content. Set margin-right to 40px and margin-left to 220px. #content { margin-right: 40px; margin-left: 220px; background-color: #E6EEF6;...

Ngày tải lên: 08/08/2014, 23:21

... width: 600px; padding: 10px; margin-top: 100 px; margin-bottom: 20px; margin-right: 200px; margin-left: 200px; } /* begin custom classes */ .footer { font-family: Georgia, "Times ... { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #CC9900; display: inline; list-style-type: none; padding-right: 10px; } Listing 1...

Ngày tải lên: 08/08/2014, 23:21

... Boxes 54 Working with CSS in Dreamweaver MX 54 Setting a Background 55 Setting A Border 57 Block Properties 60 Box Properties 62 5. CSS Design with Dreamweaver MX: Working with Type, Lists, ... your class appear in the CSS Styles Panel. It won't format your box just yet because we need to apply that class to the box. 10 CSS Web Sites with Dreamwe...

Ngày tải lên: 08/08/2014, 23:21

... top:0px; width :100 %; height :100 %; z-index:1; background-color: #eeeeee; layer- background-color: #eeeeee; border-top: 50px solid #333366; border-left: 100 px solid #333366; border-right: 100 px solid ... font-variant: small-caps; } .footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-align: center; margin-top: 0px; padd...

Ngày tải lên: 08/08/2014, 23:21

... border-bottom-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #CCCCCC; border-right-color: ... Border on an H1 selector in Dreamweaver MX h1 { border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #996600; } Listing 2 - The CSS Dreamweaver generates...

Ngày tải lên: 08/08/2014, 23:21

... visual editors in that Dreamweaver has some decent support for working with style sheets. However, Dreamweaver MX offers no pre-designed CSS layouts which you can modify. MX 2004 does, but they ... <meta http-equiv="Content-Type" content="text/html; charset=iso-885 9-1 "> <link href="styles .css& quot; rel="stylesheet" type="...

Ngày tải lên: 08/08/2014, 23:21

... 600px; padding: 10px; margin-top: 100 px; margin-bottom: 20px; margin-right: 200px; margin-left: 200px; } Listing 7: Here, I’ve made significant changes from the Dreamweaver CSS The only ... navigation styles */ #nav ul { margin-left: 0; padding-left: 0; list-style-type: none; } #navlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid #9933...

Ngày tải lên: 08/08/2014, 23:21

... <title> ;CSS photo album</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-885 9-1 " /> 132 If you're using Dreamweaver MX, and not 2004, ... If your CSS Styles within the Design panel isn't open, select Window > CSS Styles to open the CSS Styles tab. 2. In the CSS Styles tab, click the New CSS...

Ngày tải lên: 08/08/2014, 23:21

... styled with CSS are admittedly a problem when it comes to everyone's favorite old browser – Netscape 4.*. Even with a site laid out using tables, if you use form elements styled with CSS ... 12. Styling forms with CSS In this chapter, we will look at the variety of ways in which we can make attractive forms for our sites and web applications by using CSS. Form...

Ngày tải lên: 08/08/2014, 23:21

... padding-left: 6px; margin-left: 0px; } #nav a:link, a:visited, a:active { background-color: transparent; color: #FF7844; text-decoration: none; } #nav a:hover { background-color: ... the CSS - which I have saved in an external style sheet and attached to the age by the link method. p body { background-color: #B7D0E7; color: #000000; padding-top: 0px; margin-...

Ngày tải lên: 08/08/2014, 23:21