vind

The issue still persists when I view my website live with the original Twenty Twelve theme. I don’t know how the clear and submit buttons on the theme preview page are rendered, as they seem to work fine in contrast to the search button (i.e. not pulling up the content underneath).

I used the following code to render my button:

<input type="submit" value="Press Me" />

On that note, I did manage to fix the resizing issue for my child theme yesterday, after dabbling with the code and changing about two or three values that were related. Can’t remember what they were at the moment, though.

Anyhow, my issue now is that the border on the left of the button doubles when it’s pressed. Can’t really figure out what’s causing that either.

How do I report this as a theme bug?

After some trial and error in my curse of tweaking and customizing, it eventually came to my attention that the footer code I posted two posts above had a few errors…

…so for anyone who may want to copy the code, please follow the example of my corrections below, which retrieves some closing tags that were mistakenly omitted (found in parent footer.php):

<footer id="colophon" role="contentinfo">
		<div class="site-info">

<table>
<tbody>
<tr>
<td>
<a href="http://ww.wp.xz.cn/" title="Semantic Personal Publishing Platform">Proudly powered by WordPress</a><!-- .site-info -->
</td>
<td>
<p style="text-align: right;">
<a title="Profile for cresun on last.fm" href="https://www.last.fm/music/cresun"><img src="http://cresun.is-great.net/wp-content/uploads/badge_lastfm_16x16_gray.png" class="footer-badges" alt="lastfm_badge" onmouseover="this.src='http://cresun.is-great.net/wp-content/uploads/badge_lastfm_16x16.png'" onmouseout="this.src='http://cresun.is-great.net/wp-content/uploads/badge_lastfm_16x16_gray.png'"/></a>
 
<a title="Listen to my music on SoundCloud" href="https://soundcloud.com/cresun"><img src="http://cresun.is-great.net/wp-content/uploads/badge_soundcloud_16x16_gray.png" class="footer-badges" alt="soundcloud_badge" onmouseover="this.src='http://cresun.is-great.net/wp-content/uploads/badge_soundcloud_16x16.png'" onmouseout="this.src='http://cresun.is-great.net/wp-content/uploads/badge_soundcloud_16x16_gray.png'"/></a>
</p>
</td>
</tr>
</tbody>
</table>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->
</div>

<?php wp_footer(); ?>
</body>
</html>

Has this got something to do with CSS3 and IE8 not supporting it? I have very little experience with web coding, so pardon my ignorance.

Ruled ut the listed entries. The remaining three are unfamiliar to me; I suppose they must be errors in the Twenty Twelve theme itself, which is beyond my interference.

Anyhow, the errors I ruled out were caused by some minor issues with the customisation in my footer.

The site still renders the same in IE as previously noted.

Progress made; desired result archived!

I was pulling my mind in a twist over how to get this done with CSS, when I came across this dead simple HTML solution to achieve the effect I wanted.

I know that this effect can still be achieved by more clever means with CSS, however; I just don’t know how to implement it, though.

In spite of the fact that we’re talking about a mere set of four 16×16 PNG icons, the ideal solution would be to have a single bitmap containing the four images in a tile-set, using CSS to set the display resolution equivalent to the dimensions of one badge, and then offset the bitmap on hover to display the complementing badge effect.

If anyone wants to fill me in on how to do this, please let me know.

Thus far, I’ve been fortunate enough to find a simple solution to the gallery presentation itself, with help from the plugin WP Gallery Custom Links.

Now I just need a lightbox that supports video content, whether someone may help me implement this feature into the WP jQuery Lightbox plugin, or introduce me to an alternative lightbox which is responsive and has the exact same appearance as WP jQuery Lightbox, either out of the box, by theme, or by simple CSS modifications.

My progress thus far can be seen here.

Any help would be appreciated.