Need some css help

[Itworx4me]

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


But it looks like this:


This is what I have for the logo_block

<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:

#logo2
    {
        display: block;
                float: right;
    }

Need help getting the image to display correctly. Any help would be much appreciated.

Thanks,
Itworx4me

 

[Eliteoomph]

Would increasing your header height pull it up?

 

[Jake Bunce]

Would increasing your header height pull it up?

I agree. Try increasing the height:

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

 

[Itworx4me]

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

 

[Itworx4me]

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

 

[Eliteoomph]

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

 

[EQnoble]

I am trying to add a second image to the header. Need it to look like this:
View attachment 16459

But it looks like this:
View attachment 16460

This is what I have for the logo_block

<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:

#logo2
    {
        display: block;
                float: right;
    }

Need help getting the image to display correctly. Any help would be much appreciated.

Thanks,
Itworx4me

Try something like this

#logo2
{
display: block;
float: right;
position:relative;
top:-80px;
}