HTML and CSS Reference
In-Depth Information
Practice: Advanced Layout
1.
Give the navigation table (the one with
Laptops
,
Cell Phones
and
PDAs
) two additional cells between the existing cells.
2.
Put
|
characters (on the same key as the backslash
\
character
on your keyboard) in the two new cells (they surround the cell
that contains
Cell Phones
).
3.
Give the cells with the
|
characters a width of 1%, and center the
|
characters within the cells.
4.
Use the
.navbar
class to color the
|
characters white.
5.
Enclose the words
Cell Phones
and
PDAs
in
<a>
tags that link
to
phones.html
and
pdas.html
, respectively.
6.
Use the
navbar
class to format the links.
7.
Change the in-page style so the
smalltext
class specifies 9pt,
italic text.