WebDH blog - HTML

Seal Guard Systems pondering ColdFusion

Sat, 09 Aug 2008 15:37:00 -0700

I've started working with a new client over the past couple of weeks. Ken Wolfbauer and Kathi Wolfbauer of Seal Guard Systems who approached me to help with their HTML and SEO. We have been working together in their great showroom in Blaine, MN. I've suggested that they move their site under ColdFusion. I'm looking forward to working with Ken and Kathi to promote their products and services on the Internet, including Milgard fiberglass windows and Metro steel roofing. Hopefully I'll convince Kathi to start using ColdFusion so we can take their website to the next level.

Creating an HTML fieldset

Mon, 07 Apr 2008 13:27:00 -0700

The following HTML will put a solid border around a block of text, with a bolded label. This code snippet is a nice option for highlighting a section of content on a web page.



Amazon Web Services evangelist coming Apr 29
TCCFUG is proud to be hosting Mike Culver from Amazon.com. Mike will present Amazon Web Services: Web-Scale Computing and What's possible in a post Web 2.0 world. Get the full details.

Here is what it looks like when rendered...

Amazon Web Services evangelist coming Apr 29 TCCFUG is proud to be hosting Mike Culver from Amazon.com. Mike will present Amazon Web Services: Web-Scale Computing and What's possible in a post Web 2.0 world. Get the full details.

Creating a favicon.ico file

Tue, 11 Mar 2008 11:12:00 -0700

I use the PNG 2 ICO (png2ico) command-line utility found here to convert a 32x32 png file to an ico file. Matthias, who authored the software utility, also wrote up a nice explanation of the "Favorites Icon" file and it's usage in most common browsers. I think it's a definate MUST for all websites to take the time to incorporate a favicon.ico file into their site.

Secret to showing/hiding HTML table rows

Tue, 16 Jan 2007 16:06:00 -0700

Today I learned about showing/hiding content on a page. All that is needed is wrap the content in a div tag, and use the following javascript to toggle its display.


document.getElementById('stufftohide').style.display = 'block' 
document.getElementById('stufftohide').style.display = 'none'  


here is my content to show and hide

However, this technique doesn't work when trying to toggle HTML table rows. I did some digging and found a few blogs that explained the secret. Wrap the rows you want to show/hide inside a tag group, and use "table-row-group" in place of "block" to show the rows. Here is a code snippet that works.







row 1, cell A
row 1, cell B



row 2, cell C
row 2, cell D


row 3, cell E
row 3, cell F

Here is a demo of this in action.

row 1, cell A	row 1, cell B
row 2, cell C	row 2, cell D
row 3, cell E	row 3, cell F