topical media & game development
lib-present-style-bullet-chapter2-index-ems.htm / htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html / head / title
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Chapter 2: Scalable Navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
style
<style type="text/css" media="screen">
body {
margin: 0;
padding: 0;
font-size: small;
}
navigation(s)
#nav {
float: left;
width: 50em;
margin: 0;
padding: 1em 0 0 5em;
list-style: none;
background: #666;
}
navigation(s) / li
#nav li {
float: left;
margin: 0 1px 0 0;
padding: 0;
font-family: "Lucida Grande", sans-serif;
font-size: 80%;
}
navigation(s) / a
#nav a {
float: left;
display: block;
margin: 0;
padding: .5em 1em;
color: #333;
text-decoration: none;
border-bottom: none;
background: #ccc;
}
navigation(s) / etc .. a
#nav a:hover, body#intro #t-intro a {
color: #333;
background: #fff url(lib-present-style-bullet-chapter2-img-on-bg.gif) repeat-x top left;
}
</style>
</head>
body
<body id="intro">
<ul id="nav">
<li id="t-intro"><a href="/">Introduction</a></li>
<li id="t-about"><a href="about.html">About Lance</a></li>
<li id="t-news"><a href="news.html">News & Events</a></li>
<li id="t-sponsors"><a href="sponsors.html">Sponsors</a></li>
</ul>
</body>
</html>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.