News Flash

  • Print

Print screen without applying additional CSS

For the example website we loaded the module into the content.

 

Nodule Nieuwsflits zonder aanvullende stijling

 

Structure with classes and id's


div.moduletable_flits
h3 Nieuws flits
table.moduletable_flits
tr
td
table.contentpaneopen_flits
tr td.contentheading_flits a.contentpagetitle_flits Voorpagina artikel 4
table.contentpaneopen_flits
tr td p Content
tr td
table.contentpaneopen_flits
tr td.contentheading_flits a.contentpagetitle_flits Voorpagina artikel 5
table.contentpaneopen_flits
tr td p Content
tr td
table.contentpaneopen_flits
tr td.contentheading_flits a.contentpagetitle_flits Voorpagina artikel 6
table.contentpaneopen_flits
tr td p Content
tr td

 

CSS


div.moduletable_flits { }
div.moduletable_flits h3 {
   font-family:Arial;
   font-size: 22px;
   font-weight: bold;
   color: #660000;
   line-height: 22px;
   margin: 0 0 10px 0;
}

table.moduletable_flits { }

table.moduletable_flits td {
   padding-right: 10px;
}

table.moduletable_flits td table.contentpaneopen_flits { }
table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits { }

table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a.contentpagetitle_flits,
table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a:visited.contentpagetitle_flits {
   font-family:Arial;
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   padding-bottom: 3px;
}

table.moduletable_flits td table.contentpaneopen_flits td.contentheading_flits a:hover.contentpagetitle_flits {
   font-family:Arial;
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   padding-bottom: 3px;
}

 

Print screen after applying CSS

 

Module Nieuws flits gestijld

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.