Extra Space under Image Links Fix

Posted on

Have you ever had the problem of having a little extra space under images on your website? This has been driving me crazy since I started the FancyFlickr plugin and noticed a little extra space under all of the images on my site.

The problem is that by default the bottom of images are lined up with the baseline of the text — which means the bottom of most letters, but there is still that small space for the bottoms of letters like p and q.

By default vertical-align is set to baseline. All you have to do to fix the problem is set

a img { vertical-align: bottom; }

Viola! Problem solved.

Dell Mini 10v unboxing

Posted on

So the Dell Mini 10v that I’ve been waiting for since Christmas came in yesterday. What a great little machine. Right now I’m calling it the Macbook Mini since I installed OSX shortly after taking it out of the box.

Unfortunately the first thing I had to do was downgrade the BIOS, which was a little stressful, but after that it was smooth sailing. Here are some photos of the unboxing: (more…)

WordPress login/out

Posted on

Lately I’ve been putting a login link in the footer of my site, but it’s also nice for that to be a logout link when you’re already logged in as well as inserting a link to the site admin section. This line of code does exactly that:


<?php if ( is_user_logged_in() ) { echo "<a href='" . get_option('siteurl') . "/wp-admin/'>Site Admin</a> |"; } ?> <?php wp_loginout(); ?>

Blogroll Links Favicons

Posted on

I was recently having problems with the Blogroll Links Favicons WordPress plugin. The plugin gets the favicon for all the links that you have displayed on any given page using the WordPress links system. The problem was that the standard way the plugin does this is to add a new anchor link inside the list-item for each link. This was a problem for me because the anchor links were styled, so when I added the plugin everything was messed up.

I thought it would be better if the plugin just set the background image of the anchor link that was already there to the favicon and indented the text of the link. I’ve sent an email to the author of the plugin requesting that he make this the default way to display the favicons, but just incase that doesn’t happen, here’s the code that makes it happen:

(more…)

WordPress Archive Jump Menu with jQuery

Posted on

With a bit of code from CSS-Tricks, an idea from the WordPress.com blog, and a little elbow grease, I was able to create something that really fits in well on my site. I transformed the jQuery that I found on CSS-Tricks, which was originally used for accordions and turned it into something largely different that I really happen to like.

All I’m doing here is creating a div with an anchor-link inside it for the controller and an unordered list for the menu items. Then I basically just create a jQuery function that turns the anchor-link into a toggle button.

(more…)