Banner

Print screen without additional CSS

 

Banner

 

Structure with Classes and ID's

 

div.moduletable_banner
	h3
	div.bannergroup_banner
		div.banneritem
			a img
			div.clr
		div.bannerfooter

 

 

CSS

 

/* --------------------------------------------
   Banner module - moduleclass suffix = _banner
----------------------------------------------- */

div.moduletable_banner {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;	
	border-bottom: 1px #999 solid;
}

div.moduletable_banner h3 {
	display: block;
	padding: 2px 5px 2px 5px;
	background-color: #ff0000;
	color: #fff;
	margin: 0 0 10px 0;
}

div.moduletable_banner div.bannergroup_banner div.banneritem div.clr {
	clear: both;
}

div.moduletable_banner div.bannergroup_banner,
div.moduletable_banner div.bannergroup_banner div.bannerfooter {
	font-family: Verdana;
	font-size: 10px;
	line-height: 11px;
	color: #666;
	font-weight: normal;
	padding: 3px 0 3px 0;
	text-align: center;
}

 

 

Print screen after applying CSS

 

Banner

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.