In advlayout.html, remove the pagewidth tags that enclose all the page's content.
Enclose the topleft and topright areas in a new area: darkblue.
The Magazine for People Who Like Gadgets
Use a new style class to give the paragraphs in the maincontent area a left margin of 140 pixels.
Use tags to make the letter W in the word Welcome 14 points, and bold.
Below the existing paragraphs, insert a new paragraph:
Tech Tool
The Magazine for People Who Like Gadgets
TIP: Use a
tag to separate the two lines.
Make both lines italic, and bold the words Tech Tool.
Save advlayout.html.
Enclose the topleft and topright areas in a new area: darkblue.
The Magazine for People Who Like Gadgets
Use a new style class to give the paragraphs in the maincontent area a left margin of 140 pixels.
Use tags to make the letter W in the word Welcome 14 points, and bold.
Below the existing paragraphs, insert a new paragraph:
Tech Tool
The Magazine for People Who Like Gadgets
TIP: Use a
tag to separate the two lines.
Make both lines italic, and bold the words Tech Tool.
Save advlayout.html.
In layout.css, give the body formatting a margin of 0 all around.
Add a new property to body:
- background: #ffffcc;
Give the links (#navbar li a) horizontal padding of 60 pixels.
- Give the links a 1-pixel right border.
- Color this border white, and make it solid.
Reload advlayout.html in the browser.It should look like this:
