Most Read

Print screen without additional CSS

 

Meest gelezen

 

 

Structure with Classes and ID's

 

div.moduletable_mostread
	h3
	ul.mostread_mostread li a

 

 

CSS

 

/* ---------------------------------------------------
   Meest gelezenModdule moduleclass suffix = _mostread
------------------------------------------------------ */ 
div.moduletable_mostread {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;	
	border-bottom: 1px #999 solid;
}

div.moduletable_mostread h3 {
	display: block;
	padding: 2px 5px 2px 5px;
	background-color: #ff0000;
	color: #fff;
}

div.moduletable_mostread ul.mostread_mostread {
	list-style: none;
	padding: 0;
}

div.moduletable_mostread ul.mostread_mostread li {
	list-style: none;
	padding: 0;
	margin: 2px 0 0 0;
}

div.moduletable_mostread ul.mostread_mostread li a {
	display: inline-block;
	width: 160px;
	background-color: #e5e5e5;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}

div.moduletable_mostread ul.mostread_mostread li a:hover {
	display: inline-block;
	width: 160px;
	background-color: #ccc;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}

 

 

Print screent after applying CSS

 

Meest gelezen

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.