1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Need some css help

Discussion in 'Styling and Customization Questions' started by Itworx4me, Jul 1, 2011.

  1. Itworx4me

    Itworx4me Well-Known Member

    I am trying to add a second image to the header. Need it to look like this:
    correct.PNG

    But it looks like this:
    Capture.PNG

    This is what I have for the logo_block
    Code:
    <div id="logoBlock">
        <div class="pageWidth">
            <div class="pageContent">
                <xen:include template="ad_header" />
                <xen:hook name="header_logo">
                <div id="logo"><a href="{$logoLink}">
                    <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                    <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
                </a>
                     <img id="logo2" src="/data/images/700x70.png" />
                 </div>
                </xen:hook>
                <span class="helper"></span>
            </div>
        </div>
    </div>
    CSS Code logo2 id:
    Code:
    #logo2
        {
            display: block;
                    float: right;
        }
    
    Need help getting the image to display correctly. Any help would be much appreciated.

    Thanks,
    Itworx4me
     
  2. Eliteoomph

    Eliteoomph Member

    Would increasing your header height pull it up?
     
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I agree. Try increasing the height:

    Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Height of Header Logo
     
  4. Itworx4me

    Itworx4me Well-Known Member

    I tried this first....it just keeps the same position and moves it further down the page....
     
  5. Itworx4me

    Itworx4me Well-Known Member

    I still haven't been able to fix this... Willing to pay to have this act like it should. Please pm me if interested......

    Thanks,
    Itworx4me
     
  6. Eliteoomph

    Eliteoomph Member

    Is the second image an advertisement? Will you rotate it out?
     
  7. EQnoble

    EQnoble Well-Known Member

    Try something like this
    Code:
    #logo2
    {
    display: block;
    float: right;
    position:relative;
    top:-80px;
    }
    
     

Share This Page