XHTML and CSSRSSPosts: 3
XHTML and CSS combine to give us very lightweight pages that search engines find easier to digest. Some browsers interpret some CSS directives differently than other browsers do. Sometimes going tableless is good, other times it’s a right-hand-column-in-hell nightmare.
|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.|
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.
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.
If your CSS 2.0 positions go all kerflooey check the div tag syntax.
In IE 6 I get this behavior:
div pushes all CSS to the right down below any other renderings to date