Logo and GenericContent Cancel

1. Randy Bauer

   

   67 posts
   Registered:
   25 Sep 2009
   05 Nov 2009

   Link to this post

   Hello,
   
   I'm trying to create a logo with some text.  I have one content place holder that is an image and the other is generic content.  Both are the same height.  I'm trying to get the text inside the generic content to center within the content area.  I've tried putting a "vertical align" (and a variety of other things) on bannerHeader, but the text is not centering vertically.
   
   I've also been trying to modify the advanced section of the Generic Content and that doesn't work.  Even if I put a simple change of the background color.  Do I need to do something to allow these setting to take affect?
   

    

   <div id="banner">

   <div id="bannerImage">

   <asp:contentplaceholder id="logoImage" runat="server" />

   </div>

   <div id="bannerHeader">

   <asp:contentplaceholder id="logoContent" runat="server" />

   </div>

   </div>

      

   #banner {

   width: 896px;

   height: 70px;

   margin-right: auto;

   margin-left: auto;

   border-style:solid;

   border-width: 1px;

   border-color: Yellow;

   }

   #bannerImage {

   width: 390px;

   height: 56px;

   border-style:solid;

   border-width: 1px;

   border-color: Green;

   float: left;

   }

   #bannerHeader {

   width: 400px;

   height: 56px;

   border-style:solid;

   border-width: 1px;

   border-color: Red;     vertical-align: middle;

   float: left;

   }

    

    Thanks in advance,
   
   Randy

    

    

    

    

    

    

    
2. Randy Bauer

   

   67 posts
   Registered:
   25 Sep 2009
   05 Nov 2009

   Link to this post

   OK, I figured it out.  Had to put a line-height property to match the height property.
   
   

    

   #bannerHeader {

   width: 300px;

   height: 56px;

   float: left;

   line-height: 56px;

   font-size: 16px;

   }