our approach
|
new tutorials
|
contact us
HTML & CSS In Pictures
HTML Basics
Navigation & Layout
Interactivity
Advanced Layout
Open
index.html
from the
Travel West
folder.
Copy the HTML code in the
topnav
area:
<div id="topnav">
<ul id="navbar">
<li><a href="california.html">California</a></li>
<li><a href="rockies.html">The Rockies</a></li>
<liv<a href="midwest.html">The Midwest</a></liv
</ul>
</div>
Paste it into
advlayout.html
in the
Advanced Layout
folder, below the
topright
area.
Change
California
,
The Rockies
, and
The Midwest
to:
Laptops
Cell Phones
PDAs
Between the
topright
and
topnav
areas, insert a clear:
<h1>The Magazine for People Who Like <span class="yellowtext">Gadgets<span></h1>
<div>
<div id="clear"></div>
<div id="topnav">
Copy the formatting for
clear
from
format.css
in the
Travel West
folder.
Paste it into
layout.css
in the
Advanced Layout
folder.
<< BACK
NEXT >>