jQuery 1.4 Animation Techniques - Index of

2. Save the new page as marquee.html.
[ 221 ]
Chapter 8
3. We can also add some basic CSS at this point to layout the example in an acceptable,
generic manner. In a new file in your text editor, add the following code:
#outer {
width:960px; margin:auto; color:#3c3c3c;
font:normal 17px "Palatino Linotype", "Book Antiqua",
Palatino, serif;
}
header {
display:block; padding:0 20px 0; margin-bottom:40px;
border:3px solid #d3d1d1; background-color:#e5e5e5;
}
hgroup { float:left; }
h1, h2 { margin-bottom:10px; }
nav {
display:block; width:100%; height:40px; clear:both;
text-align:right;
}
article {
width:700px; height:900px; border:3px solid #d3d1d1;
background-color:#e5e5e5; float:left;
}
article h1, article p { margin:20px; }
p , nav{
font:normal 17px "Nimbus Sans L", "Helvetica Neue",
"Franklin Gothic Medium", Sans-serif;
}
p { margin-top:0; }
aside {
width:220px; height:900px; border:3px solid #d3d1d1;
background-color:#e5e5e5; float:right;
}
aside div { padding:0 20px 20px; }
4. Save this file as marquee.css in the css directory. Link to this stylesheet from the
of the page we just created.