Title: Image overlapping posts? Last modified: August 18, 2016 --- # Image overlapping posts? * [fredrik](https://wordpress.org/support/users/fredrik/) * (@fredrik) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/) * Wierd things are happening. If I post an image it overlaps into the next post somehow. I can’t figure out why – it’s enclosed in the same tag so as far as I understand it shouldn’t be able to invade on the space of another p tag (or another div for that matter). * This is the site [http://www.apt47.com](http://www.apt47.com) look at the bottom of the page to see what I mean. * The strangest thing is that on my dev blog ( [http://ofog.net/blog](http://ofog.net/blog)) that runs the same version of WP and the same theme (almost) the images work fine – without overlapping… * Any ideas? Viewing 11 replies - 1 through 11 (of 11 total) * [oriecat](https://wordpress.org/support/users/oriecat/) * (@oriecat) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160682) * A difference I see is that on the apt47 post, you have only a line of text, whereas on the other one all of the images have a big block of text. Would it still work there, with just one line of text? * [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160686) * I was experiencing the same issue on my site. What I did was to wrap the image in a DIV. This is how it looks in my WRITE panel: * This is the text from the post, and what follows is an interesting picture. `
A beautiful sunset
` This is the text that follows the picture. * Thread Starter [fredrik](https://wordpress.org/support/users/fredrik/) * (@fredrik) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160688) * Very valid question… no it doesn’t. Stupid me 🙂 But anyway.. the problem still stands. Must be some very simple solution to this. * Thread Starter [fredrik](https://wordpress.org/support/users/fredrik/) * (@fredrik) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160689) * Ahh, yeah that just might work. Thanks NuclearMoose – I’ll give it a go now. * [Lorelle](https://wordpress.org/support/users/lorelle/) * (@lorelle) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160690) * Moose man, wouldn’t using a class on the image do the same thing as the div? Besides, `align="center"` is not web standard any more. Deprecated. * I found this somewhere and it works like a charm for centering. * `/* using 'class="centered' is much better than using align="center", being much more futureproof (and valid) */` * img.centered { display: block; margin-left: auto; margin-right: auto; } * I don’t know if it applies here, but I found it a unique and successful way of centering an image. The comment is from whoever I snatched this bit of code from. I should have credited it…oh, well. * And fredrik, if you do this often, you might want to put a height in the style sheet div to help you space it out better, no matter how much text is included. * [NuclearMoose](https://wordpress.org/support/users/nuclearmoose/) * (@nuclearmoose) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160692) * Lorelle, You are totally correct about the `align="centered"` thing being deprecated. I used the posted code as is for two reasons: I didn’t feel like creating a class in my CSS and then uploading it. Yes, I’m **LAZY** and secondly, I like to use deprecated code because I want my site to crap out in the future. :p * Thanks for the heads-up! * Thread Starter [fredrik](https://wordpress.org/support/users/fredrik/) * (@fredrik) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160694) * That solution does solve the overlapping problem but only as long as the image isn’t set to align left – i’d like the text to wrap around the image – so i’ll need the image to have that property set. I would have thought that setting the div’s alignment to left instead would make the text wrap around it – but it doesn’t 🙁 * [S.K](https://wordpress.org/support/users/kichu/) * (@kichu) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160699) * As NuclearMoose has advised, you have to wrap the individual entry (with your pictures et al) in a `
` inside the `
` like `
` (where you have used ``, so that individual post entries will not flow into the one lying below. * Even in your blog, the two paragraph tags just prevent the picture from overlapping. * S.K [http://blog.cyberbrahma.com/](http://blog.cyberbrahma.com/) * Thread Starter [fredrik](https://wordpress.org/support/users/fredrik/) * (@fredrik) * [21 years, 3 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-160712) * That span tag was just another try to solve the problem – unsuccessfully 🙂 * Think I’ve set it up as you suggested now. I don’t get it though… It looks like I’ve got the same set-up as in your code… but my stuff still overlaps. Is it possible for you to post a large image and little text without overlapping kichu? * [setstatic](https://wordpress.org/support/users/setstatic/) * (@setstatic) * [21 years, 2 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-161404) * I’ve been trying to figure this out as well. My html/css is rusty and working with the kubrick theme. * this seems to works: * > 1. in your style.css add a new class: > .lefty { > float: left; margin-bottom: 10px; } > 2. wrap your post with
> 3. my image tage looks like this: > alt=”yralt” align=”left” style=”border: solid 1px #000000; margin-right: 4px;”/ > > which gives me a bit of space to the right of the image. * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 2 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-161405) * @setstaic that is not quite right with respect. A floated element must have its width defined to validate and prevent serious borkage *erm* instability across platform * [@lorelle](https://wordpress.org/support/users/lorelle/): How is fixing the height going to *space out* stuff? Presumably the content and image size are variable? Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Image overlapping posts?’ is closed to new replies. * 11 replies * 7 participants * Last reply from: [Root](https://wordpress.org/support/users/root/) * Last activity: [21 years, 2 months ago](https://wordpress.org/support/topic/image-overlapping-posts/#post-161405) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics