Category Archives: HTML & CSS

Alternate XHTML for Flash not appearing for Google Chrome or Safari

I. The Problem For the past couple years, I’ve been using alternate XHTML for my Flash pages for purposes of both accessibility and SEO. The code generally looks something like this: <div id=”flashContent”> <object type=”application/x-shockwave-flash” data=”swfFileNameHere.swf” height=”650″ width=”950″> <param name=”movie” … Continue reading

Posted in Flash, HTML & CSS | Comments Off on Alternate XHTML for Flash not appearing for Google Chrome or Safari

Copyright Year Range For Static XHTML Pages

UPDATE (June 22/14): The conditional Server Side Includes in this code no longer appear to work on GoDaddy. Some permission may have been changed on their server… This simplified code does work for XHTML-Transitional, however: <div id=”copyright”>© Joseph Pecsenyicki <script … Continue reading

Posted in Copyright Year Code, HTML & CSS, JavaScript, Server-Side Include code | Comments Off on Copyright Year Range For Static XHTML Pages

Current Copyright Year For Static XHTML Pages

I. With Hard-Coding Originally, the current copyright year for the entry page on this site was hard-coded in XHTML. This worked fine, except it was always necessary to remember to change the current year every January 1st: <div id=”copyright”>© Joseph … Continue reading

Posted in Copyright Year Code, HTML & CSS, JavaScript, Server-Side Include code | Comments Off on Current Copyright Year For Static XHTML Pages

Add Outer Stroke To XHTML Text

The blog title on the entry page was looking a little bland, so it was punched up a bit with additional stroke around the XHTML text. Here’s what it originally looked like: And here’s what it looked like with additional … Continue reading

Posted in HTML & CSS | Comments Off on Add Outer Stroke To XHTML Text

Footnote Symbols

For a small number of footnotes, these symbols are traditionally used in the following order: * (asterisk) † (dagger) ‡ (double-dagger) § (section sign) ∥ (parallel sign) ¶ (paragraph symbol) These are obtained with the following HTML entity names or … Continue reading

Posted in HTML & CSS | Comments Off on Footnote Symbols

Turn A Background Image Into A Link Part 2: Creating Different Link States

In the previous post, I showed how a background image was converted into a clickable link. But the link looked like this at all times, for all click states: In this post, I’ll demonstrate how to load in different background … Continue reading

Posted in HTML & CSS, WordPress | Comments Off on Turn A Background Image Into A Link Part 2: Creating Different Link States

Turn A Background Image Into A Link

Background Ordinarily, WordPress’ Twenty Ten theme places the blog name at the top left-hand corner of the blog, and makes it a link to the blog home page. The default font was used on the ancient Greek blog for several … Continue reading

Posted in HTML & CSS, WordPress | Comments Off on Turn A Background Image Into A Link

WordPress Validation Error For Category Tags

Got around to validating this blog with the W3C Validator, and discovered there were 19 errors involving the category links. Apparently, WordPress sets up these links with a rel=”category tag” attribute, which doesn’t pass validation. Ispire.me has the fix for … Continue reading

Posted in HTML & CSS, WordPress, WordPress - Validation | Comments Off on WordPress Validation Error For Category Tags

CSS Text-Transform

I’ve finally encountered a situation where the CSS text-transform property is of some value. The footer on this blog contains a link back to the main blog page, and the text in that link is displayed in the Caesar Dressing … Continue reading

Posted in HTML & CSS, WordPress, WordPress - Installation | Comments Off on CSS Text-Transform