The Navigation.
» The Index
» About Jayde
» For the Strangers
» Tutorials
» Misty Dreams

The Statistics.
Webmiss: Jayde
Host: Alys <33!
Version: 17.0 by me
Since: Dec. 16th, 2005
Online: visitors
Resolution: 1024x768
Browser: IE, Firefox

Link Me.
More?

Copyright.
Everything on this website, including ideas & graphics, belongs to Jayde unless otherwise stated. Pictures used in layouts belong to their rightful owners. Do not use anything commercially, please and thank you.

Headers.
Ever wondered how I make headers in my layouts? Well, now you can know how I did them! There are two ways of doing it; the first way is my personal way, so that I can control the amount of space between the header and my content (margin-bottom: __px). The second way involves slightly less coding, but there will be a big gap between your text.

1. Open up your CSS stylesheet and create a class. I will name my particular class header, as I usually do.

.header { }

2. Then, it's just a matter of inserting different attributes between the squiggly brackets.

.header {
text-align: right;
font-family: verdana;
color: #ffffff;
letter-spacing: 2pt;
font-weight: bold;
font-size: 6pt;
text-transform: uppercase;
background-color: #99cccc;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px;
border-style: solid;
border-color: #ffffff; }
You can replace the background-color thing with background: url("yourimage.jpg");, and other attributes too.

3. Now that you have create your class, you just need to use it. I usually do it this way:

<div class="header"> put your header here </div>

The other way is just to subsitute .header with h1 (no dot). Then, you just have to type in <h1> </h1>. Either way is fine, although I prefer the first way.

{ Backward. }