two Different background colors

Two different division with different background color,position and size.

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Different background colors </title>
<style type="text/css">
.mainDiv{
  
    width: 400px;
    height: 400px;
    background:#CCFFCC;
}
* .divtwo {
  background:#EE55EE;
  float: right;
  height: 50px;
  margin: 5px;
  padding: 5px;

}

* .divone {
    position: absolute;
    padding-left: 5px;
     
}
</style>
</head>
<body>
  <div class="mainDiv"> 
    <div class="divone">Div one<BR/> Test new line </div> 
    <!-- 
     Notice its position ...
    -->
    <div class="divtwo">Dive two </div> 
  </div> 
</body>
</html> 

 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : two Different background colors
deal with colors in java -
Drawing a triangle with colors -
show Rainbow Colors -
Making Colors Transparent with imagecolortransparent() -
different colors for table Even- Odd rows and Cells -
Table Border Colors for PHPBB3 -
Image Colors Frequencies Histogram in Java -
Specific Colors for Specific Forum -
Background Extraction -
background attachments -

Topic Tags

HTML Div, CSS Background

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com