News Flash
Print screen without applying additional CSS
For the example website we loaded the module into the content.

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


