Banner
In the example site we placed a banner in the right column. The module class suffix is: _banner. Without additional styles the banner looks as follows.
Structure with classes and id's
div.moduletable_banner
h3 Banner titel
div.bannergroup_banner
div.bannerheader (advertentie)
div. banneritem_banner
div.clr
div.bannerfooter_banner voetnoot
CSS
div.moduletable_banner {
margin-bottom: 25px;
}
div.moduletable_banner h3 { }
div.bannergroup_banner {
margin-bottom: 25px;
}
div.bannerheader {
margin-bottom: 5px;
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-align: center;
}
div.banneritem_banner img {
border: 1px #660000 solid;
}
div.banneritem_banner a,
div.banneritem_banner a:visited {}
div.banneritem_banner a:hover {}
div.clr {
margin-bottom: 10px;
}
div.bannerfooter_banner {
font-family: Arial;
font-size: 11px;
font-weight: normal;
text-align: center;
}
Screen print after applying CSS
