Titles of previous/next post show up over existing posts (ghosting)

HTML & CSS
1

I’ve got a problem with the previous/next post title appearing on top of an existing post in a ghosting fashion. This only happens in categories that have several posts - not in those that have one post.

See here for what I mean


http://tinyurl.com/o3g6h6q

Any ideas why this happens and how I could fix it?

This shows both in Chrome and IE.

If I can fix it by removing the previous/next links I don’t mind. As long as this doesn’t happen.

2

problem solved, I commented out the following code in the single.php file


					<?php } /*
					
					<div class="post-nav clearfix">
						<span class="prev-span"><?php previous_post_link('%link', '<span class="next">%title</span>', TRUE); ?></span>
						<span class="next-span"><?php next_post_link('%link', '<span class="previous">%title</span>', TRUE); ?> </span>
					</div>
*/?>
3

Are you sure? Your using PHP comments instead of HTML comments.

4

It is a php file.

I thought that was the indicated way to comment out code in a php file, since the file is the single.php one.

Am I doing something wrong? It seems to work ok.

EDIT: Just to clarify, I only added the /* and */ in the code above, nothing else.

5

Slate is a premium theme so I can’t tell how it works, but the code doesn’t look right to me, or at least it’s not how I’ve ever seen it before.

Usually when HTML is mixed in with PHP code either it “leaves” PHP first. eg
// PHP code ?> <p>HTML</p>
or has PHP “echo” the HTML eg.
<?php echo “<p>HTML</p>”

When it leaves PHP then HTML comments are used i.e. <!-- commented out –>
but when it’s echoed (or otherwise processed by PHP) then either /comment out/ or // or # for single lines are used

Your example code looks like it’s still in PHP but then goes straight to HTML

I guess if it looks OK and is working then it’s OK the way you’ve done it. But keep it in mind if you start noticing anything weird happening. eg. /* showing up on your pages.

6

I had /* showing up on the offending page when I place /* at the beginning of the row I wanted to comment out. I had to place it inside the <?php } to work.

The theme is a custom made one by an independent vendor, so it might be different to what you are used to. I’m not familiar with it myself - or coding as a matter of fact.

I take your point. At the moment I’ll just leave it as it is since it seems to be working ok. Not too fussed about it as I’m not aiming for any other changes to the pages at the moment.

Thank you for replying though, it helps me get a better understanding of how things work.