HTML and CSS Reference
In-Depth Information
16.
In
layout.css
, change the formatting for the
<h1>
tag so it's in
the arial font, 14 points, and bold.
17.
Using the
color
attribute, make the
<h1>
text white.
18.
Save
layout.css
.
19.
In Notepad, open
advlayout.html
and use the
<link>
tag to
link it to the style sheet
layout.css
.
Save the page and view it in the browser.
It should look like this:
Tip:
Notice the line towards the bottom of the right cell where
bkgd.gif
begins repeating. It repeats because background
graphics tile to fill all available space in a cell.
The cell is 136 pixels tall: 100 pixels for
techtool.gif
, plus 36 for
cellpadding
(18 pixels at the top and bottom of
techtool.gif
).
bkgd.gif
is only 123 pixels tall; therefore, there's 13 pixels of
space left to fill.
To fix this, use an image editing program like Photoshop,
Fireworks or Paint Shop pro to make the background image 136
pixels tall.