design your site with fieldsets and legends

Post by **darknkreepy3#** » Wed Feb 10, 2010 1:39 pm

Its cheap, easy, quick and dirty. You can design your areas for sites with fieldsets and those labels called legends.

<html>
<body>
<div class="jobs">
<fieldset>
<legend>Abilities</legend>
<ul>
<li>Dancing</li>
<li>Martial Arts</li>
<li>Programming</li>
<li>Puppeting</li>
</ul>
</fieldset>
</div>
</body>
</html>

and your css styles or css page can have

Code: Select all


fieldset
{
background-color:#EEEEFF;
}
legend
{
background-color:#FFFFFF;
}
li
{
font-family:sans-serif;
font-size:12;
color:#AAAAFF;
}

and you can use CSS or javascript to position the fieldsets, float:left them, overlay them in 3d with z-index, anything you like.

fieldsets, quick, dirty, and awesome.

p.s. you can also have fieldsets that are per class, like:

Code: Select all

.jobs
{
}
.jobs fieldset
{
background-color:#FF0000;
}

so now the jobs class div you make can use a red fieldset, etc. typesize, border width, padding, you name it, all unique to .jobs and it's fieldset.