our approach
|
new tutorials
|
contact us
HTML & CSS In Pictures
HTML Basics
Navigation & Layout
Interactivity
Advanced Layout
Employ background graphics
Create a new folder in the
HTML Files
folder called
Advanced Layout
.
Create a new page with all necessary HTML tags.
Title the page
Advanced Layout
.
Save the page in the
Advanced Layout
folder with the file name
advlayout.html
.
Using
<div>
tags, insert two areas in the page:
topleft
and
topright
.
Use the
<link>
tag to link
advlayout.html
to
layout.css
.
Create a new style sheet called
layout.css
, and save it in the
Advanced Layout
folder.
In
layout.css
, set up formatting for the
topleft
and
topright
areas:
#topleft {
}
#topright {
}
Give both the
topleft
and
topright
areas a dark blue background color (
#000099
).
<< BACK
NEXT >>