Photo alignment help

[domainpush]

I am stuck with trying to align a photo on my website. What is happening is it wants to align all the way to the left right next to my logo.



logo pic -------------------------------------------------------------------------------------------------> where i need it


This is the code:

<!-- header -->
<div id="header">
<div class="row-1">
<div class="logo"><a href="index.html"><img alt="" src="http://www.namepros.com/images/logo.jpg" /></a></div>
<IMG SRC="http://www.namepros.com/images/main-feature-green.png" ALIGN=RIGHT>

</div>




The <right>pic</right> does not help either. How can I manually push it to the right?

 

[Erdy]

I can think of two possible solutions:

solution 1:
<img src="http://www.namepros.com/images/main-feature-green.png" style="float:right;" >

solution 2:
<div id="header" style="position:relative;">
<img src="http://www.namepros.com/images/main-feature-green.png" style="position:absolute; right=0" >

 

[domainpush]

I can think of two possible solutions:

solution 1:
<img src="http://www.namepros.com/images/main-feature-green.png" style="float:right;" >

solution 2:
<div id="header" style="position:relative;">
<img src="http://www.namepros.com/images/main-feature-green.png" style="position:absolute; right=0" >

Thanks, I'll give these a shot.

 

[enlytend]

All you need to do is move the image (the floated element) BEFORE the logo in whichever div it belongs in - it looked like you wanted it in the header, but you could also put it in row-1.

<div id="header"><img src="http://www.namepros.com/images/main-feature-green.png" style="float:right;">
<div class="row-1">
<div class="logo"><a href="index.html"><img alt="" src="http://www.namepros.com/images/logo.jpg" /></a></div>

I changed it to an inline style instead of "align" (because align is deprecated), but that's not important.

If you do use "Align", RIGHT should be in quotes:

ALIGN="RIGHT"