HTML code behind logo

Hello, I want to put some hmtl code behind my website logo. I know i must make changes in _sub_header.html in

<bx_injection:injection_logo_before />
                __main_logo__
                <bx_injection:injection_logo_after />

but when I add the html code next to __main_logo__<MY HTML CODE> the code shows shows under the logo and not behind the logo.

How to put html code to display behind the logo (on the right) ? Please help

What do you mean by HTML code behind?  What type of HTML code?

In the meantime:

We have:

<bx_injection:injection_logo_before />
 __main_logo__
<bx_injection:injection_logo_after />

What if we want the main logo to sit on top of another image; an image that will change from time to time.  We don't want to code in a new logo each time and the background image will be changed by script.

<bx_injection:injection_logo_before />

<div  __background__ >
__main_logo__

</div>
<bx_injection:injection_logo_after />

If I understand how the template engine works, when the _sub_header.html file is parsed, the key __background__ will be replace with the actual value.  In this case we are adding a styling to the division that will insert a background image. Then the main logo will be inserted over that background image.

Of course I could be completely wrong on this.  I am still learning myself.

Mmm, I really wanted to know what this one was about, LOL.  HTML code behind the logo?

Hello geek_girl ! thanks for reply.

More specifically, I'm talking about the "Like It" from Facebook, which I generated. I would put it next to the logo on my website. Is generated in the form of HTML but when I put this HTML code as I wrote earlier here:

<bx_injection:injection_logo_before />
                __main_logo__ <MY HTML FACEBOOK CODE>
                <bx_injection:injection_logo_after />

Then Facebook "Like It" button appears under the logo on my website. I would like it to be next to the logo on the right side.

How can I do this? I`m too still learning, I tried with Firebug but I do not know how to do it.

I understand, you don't want it behind the logo, you want it to the right of the logo.

Before I answer, let me go look at the code to give you the best solution.

While this may not be the best solution, it is a solution.

<div style="float:left;">  __main_logo__ </div><div class="some_class"> <Your HTML Code Here> </div>
 <div class="clear_both"></div>

You float the logo division to the left of the division holding your HTML code. Then you need to clear the float which is what the third division does.  You give some control over the placement of the HTML code using a CSS class, some_class.  For example, if you need some space between the logo and the HTML Code then your CSS some_class could have:

.some_class {

margin-left:10px;

}

Of course you replace some_class with a name that applies to what you are doing.

 Thanks for advice ! It`s so close. I did everything as you wrote, but the logo unfortunately went completely to the left. Please take a look on my screenshot. How to take logo to the center? 

You have other css involved as well.  PM sent.