Problem with relative positioning 1

[cactus1000]

I have a transparent gif (it's a giant letter "S&quot. This gif needs to be positioned so that the edge of the gif overlaps some text, creating the appearance that the text is right next to the letter in the center of the gif.

The positioning needs to be the same regardless of how the window is sized, etc., so absolute positioning is out.

I'm sure there's a way to do it with relative positioning, but so far I haven't found a way.

Any suggestions?

 

[RISTMO]

<img src=&quot;whatever.gif&quot; style=&quot;positioning:relative;right:?;top:?;&quot;>
You could use left or bottom instead if you wanted.

 

[cian]

Or you could just put the image beside the text as you normally would but put a negative margin on it so it pulls the text into the image.
You can change the margin on either the image or the text

p.overlap { margin-left: -1em }
etc


É enzo@endamcg.com

http://endamcg.com

 

[cactus1000]

Well, I tried both suggestions, but I still can't get the image to overlap the text. Here's the line in question:

<p><a NAME=&quot;specialprograms&quot;></a><img src=&quot;s.gif&quot;>pecial Programs and Areas of Concentration</p>

Any ideas?

 

[RISTMO]

It works fine for me like this.

<p><a NAME=&quot;specialprograms&quot;></a><img src=&quot;s.gif&quot;><div style=&quot;position:relative;left:30;bottom:30;&quot;>pecial Programs and Areas of Concentration</div></p>

 

[cactus1000]

That's it! Thanks.