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

Need some css help

Itworx4me

Well-known member
#1
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
 

Itworx4me

Well-known member
#5
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
 

EQnoble

Well-known member
#7
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
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
Try something like this
Code:
#logo2
{
display: block;
float: right;
position:relative;
top:-80px;
}