Google Chrome CSS Rendering Bug in Version 25.0.1364.97

Heads up on a Chrome CSS rendering bug. The new version of Chrome ( 25.0.1364.97 and 25.0.1364.97 m) has a bug that affects left floated child elements of left floated, 100% width container elements e.g. <div style="width:100%;float:left;"> <div style="float:left;"> <!-- Content --> </div> </div> It affects unimportant little things like horizontal navbars by causing the second, third, fourth.. menu tabs to sit 20px lower in the page than the first menu tab. The solution is to remove the left float, set display to inline-block, and add a 1px … [Read more...]

How to Overhang a WordPress Header Image in Genesis

Overhanging Header Logo Image

Every once in awhile I'm asked to make the header logo image in a WordPress site jut out of the header area so it overlaps whatever is below it. You might think it's impossible. It's not. Look at the image to the right for proof. To make the header image hang over and stick out of the header area we need to remove the Genesis header action and replace it with a custom header action. The trick is to remove the default header function and replace it with a new one that adds a second widget area to the header. Using a widget area lets us place a logo image in a text widget then use CSS to … [Read more...]

HowTo: Add New Menus to Genesis Themes

Adding additional navigation menus to Genesis themes is easy. This method creates custom navigation menus that you can customize as you would any other WordPress custom menu by visiting Appearance > Menus. We use a two-step method: Create a custom nav file Register the custom nav file in your child theme's functions.php file By repeating the method you can create as many custom menu navbars to Genesis child themes as you want. Step One: Create a Custom Nav File This creates a menu called customnavone with the unique ID of customnavone and unique class of customnavone in the … [Read more...]

Uninstall W3 Total Cache – The Proper Way

A few days ago I began the process of removing W3 Total Cache from all my blogs and replacing it with Quick Cache WP Super Cache. Why, you might wonder, would I do that. The simple answer is that W3 Total Cache conflicted one too many times with other plugins. I'm getting old and tired and I'm fast coming over to the idea that if a plugin's too much hassle to setup then it shouldn't call itself a plugin so much as it should call itself a nail in sanity's coffin. You'd expect it to be easy to remove W3 Total Cache. And it should be but it hooks its tentacles into a blog's htaccess file, … [Read more...]

Making Better HTML Table Borders

Table One: 2px table and td border set

Big ugly table borders only work for people with fetishes about big ugly table borders. Of the fetishes I have, that is one I am glad to report I lack. I enjoy looking at thinly lined tables that are as neatly displayed as those one might draw on paper. You might not believe that while looking at some of the tables used in JournalXtra in the past, but I hope to show you the light I have seen. It took me a while to realize a simple way to change the appearance of HTML tables to make the borders pencil thin. I knew I could set styling properties in the CSS to change the border width, to … [Read more...]

All original content on these pages is fingerprinted and certified by Digiprove
Loading

Invite Friends to ‘JournalXtra’

Supercharge your web design skills with JournalXtra

Buy me lunch!

I'm a cheap date. Where else can you buy lunch for a couple of dollars?

I accept Bitcoin too!

Categories

Dynamik Website Builder
WPMU DEV - The WordPress Experts
StudioPress Theme of the Month