From the category archives:

XHTML and CSS

IE bug: form tag has depth

by Caroline on August 28, 2006

IE form tag bug IE doesn't like form tags Like the the div tag, the form tag can push items down on IE. The only reason the “add to my cart” button image is so far below the top of that table is the presence of a form tag. By pushing the form tag higher on the page the button righted itself.

{ 0 comments }

Settling on a Blog Theme with AdSense

by Caroline on July 9, 2006

The task today is to decorate the WordPress blog in a theme appropriate for code readers and flexible enough for Adsense Hosting.

After Joomla I’d say WordPress has to be my favorite tool. It works. It doesn’t talk down to me. I don’t have to threaten to hurt its family to make it go.

Finding themes for WordPress is much harder than finding themes for Joomla. My blog posts are full of raw code — PHP, C#, VBScript — so the theme I choose for Bogart’s Answers has to work with dicey content. (When I first created this blog over at Blogger Google made me wait for a human to approve it. Apparently all of that raw C# looked like spam to the filter.)

This theme — Corporate Pro 1.0 by Colleen Chard — has the strength and flexibility to withstand my spamish-looking code rants. This theme is a beautiful combination of color, layout and refinement.

Colleen Chard's Corporate Pro 10 WordPress Theme

Corporate Press 1.0 Theme

Of the many marketing ideas I’ve learned over at John Scott’s V7n forums is the very good idea of making the AdSense the same font as the theme’s font. I have added 1 link unit and three text units to the theme’s index and sidebar using the colors I found in styles.css. The result is Google AdSense that blends right in.

Incorporating AdSense Using the Theme's Fonts

Technorati & Ice Rocket Tags
, , , , ,

{ 0 comments }

If your CSS 2.0 positions go all kerflooey check the div tag syntax.

In IE 6 I get this behavior:

‹div›‹/div›renders OK
‹div› pushes all CSS to the right down below any other renderings to date

{ 0 comments }