Test Your Website

Visitors



43.3%Netherlands Netherlands
5.9%Germany Germany
5.9%United States United States
3.9%Belgium Belgium
3.9%India India
3.8%Spain Spain
3.3%Italy Italy
3.2%Poland Poland
2.6%France France
2.5%United Kingdom United Kingdom
2.3%Greece Greece
1.6%Russian Federation Russian Federation
1.2%Japan Japan
1.1%Australia Australia
1.1%Canada Canada

Today: 139
Yesterday: 332
This Week: 1925
Last Week: 2391
This Month: 6082
Last Month: 9098
Total: 25250


User Registration

Print screen without additional CSS

 

Gebruiker registratie

 

Structure with classes and id's

 

div.registration
	form#member-registration.form-validate
		fieldset
			legend
			dl
				dt
					span.spacer
						span.before
						span.text label#jform_spacer-lbl strong.rood
						span.after
				dd
				dt label#jform_name-lbl.hasTip.required span.star
				dd input#jform_name.required
				dt label#jform_username-lbl.hasTip.required span.star
				dd input#jform_username.validate-username.required
				dt label#jform_password1-lbl.hasTip.required span.star
				dd input#jform_password1.validate-password.required
				dt label#jform_password2-lbl.hasTip.required span.star
				dd input#jform_password2.validate-password.required
				dt label#jform_email1-lbl.hasTip.required span.star
				dd input# id="jform_email1" class="validate-email required
				dt label#jform_email2-lbl.hasTip.required span.star
				dd input#jform_email2.validate-email.required
		div 
			button.validate
			a

 

CSS

 

/* ----------------------
   User registration form
------------------------- */
div.registration form#member-registration {
	width: 100%;
}

div.registration form#member-registration fieldset {
	display: block;
	padding: 6px 6px 20px 6px;
	border: 1px #999 solid;
	margin: 0 0 15px 0;
}

div.registration form#member-registration fieldset legend {
	font-weight: bold;
	font-size: 13px;
}

div.registration form#member-registration fieldset dl dt span.spacer span.text label#jform_spacer-lbl {
	display: block;
	padding: 0 0 15px 0;
	width: 100%;
}

div.registration form#member-registration fieldset dl dt label {
	float: left;
	display: block;
	width: 190px;
	padding: 0 0 2px 0;
}

div.registration form#member-registration fieldset dl dd {
	padding: 0 0 2px 0;
}

div.registration form#member-registration fieldset dl dd input {
	width: 210px;
}

 

Print screen after applying CSS

 

Gebruiker registratie

Comments (0)
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.