HTML CODE EA

TUTORIAL PAGE 05

TUTORIAL 5 BY CODE SOURCE OF THIS PAGE

VIEW CODE SOURCE BY MENU CONTEXTUAL

HTML PAGE 4 HOME PAGE HTML PAGE 6

HTML CODE SOURCE EXAMPLE EA

HTML CODE SOURCE EXAMPLE EA

W W W.A L L I A N C E O F T H E E A R T H.I N F O

HTMLPage5.html 
  
  ITEMS FOR THIS TUTORIAL

- Page4 +    
- Container with various dimensions
  ClassName for various containers  
  example : 
  <div class="panelLeft panelLeftHeight400px"  
- Width Maximum TABLE Fixed by attribute max-width
- Table Centered width:1024px in High Resolution
  screen 1280 * 1024 , 1600 * 900 ...

[ CSS USER ]
  
  body {
  margin                  :       0px;
  font-family		  :	  calibri;
  font-size		  :	  1em;
  color                   :       midnightblue;
  background-color	  :	  white;
  }
  
  table{
  width   		  :       1007;      
  height                  :       100%;
  padding                 :       0px;
  border-spacing          :       15px;
  border-color		  :	  midnightblue;
  }
  
  h1 {
  margin 		  :		  0px;
  }
  
  .panelLeft {
  width                   :       110px;
  height                  :       200px;
  border                  :       5px solid midnightblue;
  margin-top              :       15px;
  margin-bottom           :       15px;
  border-radius           :       5px;
  }
  
  .panelLeftHeight400px {
  height            :       400px;
  }  
  
  .panelLeftHeight100px {
  height            :       100px;
  } 
  
  .panelLeftHeight50px {
  height            :       50px;
  }  
  
  .panelRight {
  width             :       190px;
  height            :       200px;
  border            :       5px solid midnightblue;
  margin-top        :       15px;
  margin-bottom     :       15px;
  border-radius     :       5px;
  }
  
  .panelRightHeight400px {
  height            :       400px;
  }  
  
  .panelRightHeight100px {
  height            :       100px;
  }    
  textarea
  {
   margin           :       15px; 
  }
  
  div {
  background-color  :	  whitesmoke;
  cursor	    :     pointer;
  }
  
  .pagetitle {
  text-align		:		  center;
  font-family		:		  impact;
  font-size		:		  61px;
  margin		:		  0px;    
  }
  
  .thtitle {
  width			:		  100%;
  font-family		:		  impact;
  font-size		:		  48px;
  border		:		  0px;
  }  
}