Doctype html head title sponsored panel style sponsoredpanel width250px adwrap

Apr 9th, 2013 at 01:19 AM
   <!doctype html>
<html>
<head>
  <title>Sponsored Panel</title>
  <style>
    #sponsoredPanel{ width:250px;}

    #sponsoredPanel .adWrap{ 
       position:relative; 
       border-bottom:1px solid lightgray; 
       min-height:120px; padding:4px;
    }

    #sponsoredPanel .adWrap .adTitle{
       font-family:Verdana, Geneva, sans-serif;
       font-size:10px;
       margin:0px 3px 10px 3px; font-weight:bold;
       color:#5D76AA; cursor:pointer;
     }

    #sponsoredPanel .adWrap .adTitle:hover{
        text-decoration:underline;
    }

    #sponsoredPanel .adWrap .adBody{ 
       position:relative;
    }

    #sponsoredPanel .adWrap .adBody .adPhoto{
       float:left; position:relative; 
       background-color:#999;
    }

   #sponsoredPanel .adWrap .adBody .adText{ 
      margin-left:115px; position:relative;
      font-size:11px;
      font-family:Arial, Helvetica, sans-serif;
   }

</style>
</head>
<body>
<div id="sponsoredPanel">

<div class="adWrap">
      <div class="adTitle">Dynamic Web Course</div>      
      <div class="adBody">
         <div class="adPhoto"><img src="ads/images/1.jpg" /></div>
         <div class="adText">Text1...</div>        
      </div> 
 </div>

<div class="adWrap">
      <div class="adTitle">Oracle Course</div>      
      <div class="adBody">
         <div class="adPhoto"><img src="ads/images/2.jpg" /></div>
         <div class="adText">Text2...</div>        
      </div> 
 </div>

</div>
</body>
</html>
/15
Comments 1
