design your site with fieldsets and legends
Posted: 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.
and your css styles or css page can have
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:
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.
Code: Select all
<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>
Code: Select all
fieldset
{
background-color:#EEEEFF;
}
legend
{
background-color:#FFFFFF;
}
li
{
font-family:sans-serif;
font-size:12;
color:#AAAAFF;
}
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;
}