Contact category

Without any additional styling the page looks as follows.

Structure with classes and id's

There are many in-line styles in the table. You have to take that in account when styling the page.

CSS

div.contentpane
We aleady have discussed the class "contentpane". However this class was linked to a table (table.contentpane). In this case the class is linked to a div, and therefor it is a new style.

div.contentpane {
   border: 1px #999 dotted;
   padding: 10px;
}

div.contentdescription
For the class contentdescription goes the same. It is a new class.

div.contentdescription {
   font-family:Arial;
   font-size: 18px;
   font-weight: bold;
   color: #660000;
   line-height: 18px;
   padding: 5px 0 10px 0;
}

td.sectiontablefooter

table td.sectiontablefooter {
   padding-top: 10px;
}

td.sectiontableheader

table td.sectiontableheader {  
   font-weight: bold;
}

tr.sectiontableentry1, tr.sectiontableentry2 en a.category

table tr.sectiontableentry1 {
   font-size: 10px;
}

table tr.sectiontableentry2 {
   background-color: #cccccc;
   font-size: 10px;
}

Print screen after applying CSS

• Add New

Comments (0)

Post a commment or ask a question!

Your Contact Details:

Name:

Email: Do NOT notify meNotify me

Website:

Comment:

Title:

Message:

Security

Please input the anti-spam code that you can read in the image.

Powered by Compojoom comment 4.2.1