I'm trying to make an image overlap another with a bit of a negative margin. To see what I mean click here: http://www.flickr.com/photos/52660004@N02/4857716644/. Here is the code I have so far, but it's obviously not right because there is a huge gap...
Code:
<div class="entry">
<img src="/images/Logo-Swirly2.png" style="position:relative; left: -160px;">
<?php the_content(); ?> //this just gets the content (including images) from the database
</div>
I've tried absolute positioning but that just made it relative to the entire browser window, and I've tried using floats, but the content still tried to wrap around the image--I don't want the content to even know that the image is there...
Hello, position absolute is relative to the last element that used a position relative or position absolute attribute. In other words, to make your image move to the desired position you will have to give an element a "position: relative" attribute. I can see from the screen-shot that you use a title. I'd suggest you use that as a reference point and give the element containing the title the "position: relative" attribute. I hope this solves your problem.
Bookmarks