Loading Page

Boxes named fieldsets

Hello Guest
Google Search
search
categories
css
css
html
html
    »   Implementations
    »   Tags
    »   Tables
    »   Marquee
javascript
javascript
photoshop
photoshop
php
php



Paypal
Do you have something to do in code, design or animation and you don't know how?
Send us an e-mail and will do a tutorial which will solve your problem.

Documentations for any level of knowledge, from beginners to advanced programmers, and even for those who just want a 'piece of code'
tutorials U-Trade
tutorials U-Trade

Boxes named fieldsets

+ Share and Enjoy
Author: Cristea Iulian



2 from 14 vots
Vote up
Vote down
Vote this article
Instead creating a box from images having a title we can use a faster html container named fieldset.

This is fast for use, easily rendered and very friendly for web designer and for website visitor too.

It's structure it's very simple and looks like this:

Here you set your box title Here you'll have all of your content.


The code is built from two tags: fieldset and legend. The first one holds your entire content and the legend tag it is for its title.

<fieldset>
	<legend>Here you set your box title</legend>
	Here you'll have all of your content.
</fieldset>



You can set for this control as you like the color, font-weight and almost any style to title and border.
Don't forget to pay attention to verify both in Internet Explorer and Firefox because you may experience easily many difference on this control. Unfortunately in Firefox the box can be only a rectangle but in Internet Explorer may be also a rectangle with rounded corners. You can set a style for fieldset tag a change the color of the border, weight, width, height and a few more.

Take your time and try it if you didn't already. Its very efficient for blogs where you post articles.




U-Trade © All rights reserved 2006-2010 | Boxes named fieldsets : U-Trade Tutorials
Subdomains
Languages
send us a message
Info
Tools
Contact
preview
Rollover icons to see their description in this box
gadgets