sergiolpp

Anyone here that can give me some advice? I’ve no idea how I can solve this! Please! Thank you!

Hello,

I have a similar problem with the Tanzaku theme. Posts appear to overlap onto each other in all browsers except IE. Although in most situations this problem seems to get resolved by reloading the page, I would really like to get it right–it’s annoying.

My site is here. It passes the W3C Markup Validation Test so I’m not sure how to fix this problem … can anybody help me with this? I would really appreciate it!

Thank you!

In case it helps to anyone, these two steps seem to work:

1. Delete width and height specifications from the post’s html file. Assign width and height values through the WordPress plugin.

2. Include this in the style.css:

div.grid-item div.grid-image img {
	height: auto;
}

I don’t know how to code but adding max-width: XXXpx; (XXX is the width of your post in pixels) to div.single-item in the style.css file seems to work very well. For your reference, I use 940px wide.

Hope it helps!

A new development: after tweaking some margins and paddings, I have decided that I now want all my posted images to be slightly smaller. I have done so by specifying a new height and width (emphasized strong):

<a href="https://www.holesofmatter.com/wordpress/wp-content/uploads/olmsted_melting07303.gif"><img class="alignnone wp-image-1214" title="olmsted_melting0730" src="https://www.holesofmatter.com/wordpress/wp-content/uploads/olmsted_melting07303-e1342119378312.gif" alt="" <strong>width="463" height="347"</strong> /></a>

[Moderator Note: Please post code or markup snippets between backticks or use the code button. The above code may now have been permanently damaged by the forum’s parser.]

After doing this, I have realized that this new specification prevents Tanzaku from deforming the images when showing them in the grid! However, this specification now seems to be producing an error since the theme now duplicates the dimension attributes (width of 290 pixels) when placing them in the grid. These markup errors show when trying to validate the site.

I don’t know how to code so I have no idea why this is hapenning … Can anyone here help me with this?

Thank you!

Hello,

As I was suggested in the mac-dev.net forums, I have also tried adding the following to my style sheet:

‘.flashvideo {
margin-top: 12px;
margin-bottom: 12px;
}’

However, the player is not reacting to these instructions. Even if I would write in there 300px, the player would not move a single pixel.

Can anybody figure out what is not working?

Many thanks in advance for your help!