HTML and CSS Reference
In-Depth Information
Switching to the
index.html
file, the converting
process starts with the top bar of
Monoplate
,
#top
.
Code the
#top
selector
2
You've recently cropped
top.png
as the background
image for
#top
, so it's time to show that.
Start with the HTML first:
<div id=”top”>
<div class=”container”>
</div><!-- end .container -->
</div><!-- end #top -->
The
div.container
is part of
#top
to center the content,
while its parent,
#top
, is to display the background.
That's because the
#top
is going to be 100% in
width, which is what you need to display the
top.png
background for the top bar, from far left to far right.