How to add picture in top header

I have had help adding picture in sub header but now I need to add picture in the header again. I tried this code...

__main_logo__

<bx_injection:injection_logo_after />

</div>

</div>

<img src="http://www.isuncoast.com/templates/base/images/grass.png"style=margin-bottom:0px;margin-left:2px;margin-right:2px;margin-top:2px

but picture was in far left hand corner i want it to look like this...where it is all the way to right to the end of the tab. Thanks in advance

Doesn't anyone have an idea on how to get the picture right justified and to sit on top of the tabs?

This is fun posting replies to my own questions got this far with this code can someone please help me before i gouge my eyes out!!!

<div class="sys_ml" style="width:__main_div_width__;">
<div class="sys_ml_wrapper">
<bx_injection:injection_logo_before />
__main_logo__

<bx_injection:injection_logo_after />
</div>
</div>
<img
src="http://www.isuncoast.com/templates/base/images/grass.png"style=margin-bottom:0px;margin-left:952px;margin-right:2px;margin-top:2px

but it looks like this isuncoast

Try this:

<div class="sys_ml" style="width:__main_div_width__;">

<div class="sys_ml_wrapper">

<bx_injection:injection_logo_before />

__main_logo__

<bx_injection:injection_logo_after />

</div><img

src="http://www.isuncoast.com/templates/base/images/grass.png"style=margin-bottom:0px;float:right;margin-right:20px;margin-top:-141px"/>

</div>

Note that the image code is now inside the "sys_ml" Divide.

Your image height is 141px so you should set margin-top to -141px  as above... so if you alter the height of your graphic then you will also need to alter this to match.

Or for a simpler solution:

<div class="sys_ml" style="width:__main_div_width__;background-image:url('http://www.isuncoast.com/templates/base/images/grass.png');background-repeat:no-repeat;background-position: right;">
<div class="sys_ml_wrapper">
<bx_injection:injection_logo_before />
__main_logo__
<bx_injection:injection_logo_after />
</div>
</div>

Then you will have to edit the css for the Quotes div to move that left.

Regards

Dave

Have you sized the graphic correctly?

It should be: (approx) Width=994 px and height - 262 px. Adjust to fit.

To move the Daily Quotes Divide.. Edit

modules/boonex/quotes/templates/base/css/unit.css

Find:

.quote_div {

width: 305px;

color:#fff;

font-size:12px;

bottom:12px;

position:absolute;

right:0px;

}

Change to:

.quote_div {

width: 305px;

color:#fff;

font-size:12px;

bottom:12px;

position:absolute;

right:270px;

}

Obviously change the position from right to desired amount 270px is just a guess to allow for your image width of 233px and a 20px margin to the right of your image.

See example here http://www.loopydates.co.uk

Dave...