+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Logo and GenericContent

Logo and GenericContent

2 posts, 0 answered
  1. Randy Bauer
    Randy Bauer avatar
    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
    Randy Bauer avatar
    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;  
2 posts, 0 answered