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: 138
Yesterday: 332
This Week: 1924
Last Week: 2391
This Month: 6081
Last Month: 9098
Total: 25249


List One Contact Category

Print screen without additional CSS

 

Contact categorie

 

Structure with classes and id's

 

div.contact-category
	h1
	h2
	div.category-desc
		p
		div.clr
	form#adminForm
		table.category
			thead
				tr
					th.item-title a
					th.item-position a
					th.item-phone
					th.item-suburb a
					th.item-state a
					th.item-state a
			tbody
				tr.cat-list-row0
					td.item-title a
					td.item-position a
					td.item-phone
					td.item-suburb a
					td.item-state a
					td.item-state a

 

CSS

 

/* -------------------------
   List one contact category
---------------------------- */
div.contact-category h2 {
	margin: 10px 0 3px 0;
}

div.contact-category div.category-desc p {
	margin: 0 0 5px 0;
}

div.contact-category form#adminForm table.category {
	width: 100%;
}

div.contact-category form#adminForm table.category thead tr th {
	border: 1px #999 solid;
	font-weight: bold;
	padding: 3px 1px 3px 3px;
	background-color: #e5e5e5;
	vertical-align: top;
}
div.contact-category form#adminForm table.category thead tr th a {
	display: block;
	float: left;
}

div.contact-category form#adminForm table.category thead tr th a img {
	margin: 0 0 0 5px;
}

div.contact-category form#adminForm table.category tbody tr td {
	border: 1px #999 solid;
	padding: 3px 1px 3px 3px;
	font-size: 11px;
	line-height: 12px;
	vertical-align: top;
}

 

Print screen after applying CSS

 

Contact categorie

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.