Who is on line

Printscreen without additional CSS

 

Who is on line

 

 

Structure with classes and id's

 

div.moduletable_whoisonline
	h3
	p
	ul.whosonline_whoisonline li

 

 

CSS

 

/* ------------------------------------------------
   Who is on-line moduleclass suffix = _whoisonline
--------------------------------------------------- */
div.moduletable_whoisonline {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #999 solid;
}

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

div.moduletable_whoisonline p {
	margin: 0 0 5px 0;
}

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

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

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

 

Printscreen after applying CSS

 

Who is on line

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.