Create a Website Template #8

Sidebar

Sidebars can be used for many purposes.

Create a Website Template

Images can be placed right in the text if you don't want to isolate them in a separate column on your web pageThis web page was created using divisions and CSS ( style sheets).

The HTML code shown below is very basic.

The page is linked to a style sheet named layout8.css. The style sheet is fully commented for your convenience.

We have placed the web page and all elements in a kit that you may download in a zip file for further study.

HTML Code With Content Removed

<body>
<div id="links"></div>

<div id="heading">
<div id="heading-left"></div>
<div id="heading-right"></div>
</div>

<div id="main">
<div id="main-left"></div>
<div id="main-middle"></div>
<div id="main-right"></div>
</div>

<div id="footer"></div>
</body>

Scroll Bar

The scroll bar on this division only initiates if you exceed the amount of content that the fixed height allows. To remove it increase the height of the division or reduce the amount of content.



Sidebar

Sidebars can be used for many purposes.