Software, your way.
How To Get Good Custom Software
(Download)
(PDF)
burger menu icon
WillMaster

WillMasterBlog > HTML

Will Bontrager Blogs Website Techniques
Blogs Just In

HTML Articles

Absolute and Relative URLs

The differences between an absolute URL and a relative URL can be summed up with a few sentences. A deeper level of understanding can be obtained with examples.

A display:table Trick

The display:table; trick can be used for any type of border under, over, or around HTML containers -- header, code box div, paragraph, ...

Audio on Your Website

Autofocus Form Field, Ready to Type

It is easy to automatically make a specific form field ready to type when a web page loads -- so you don't have to tap on it first.

Converting form submissions into URLs

Some form submissions can be converted into clickable links or bookmark URLs.

CSS; Horizontal Centering

Two CSS rules, one for left-right centering content and another for left-right centering containers of content.

Disappearing Submit Button

Force New Tab When Link Is Tapped

When the target="_blank" attribute, the site visitor is less likely to lose the page the link is on.

Form Answers Confirmation Page with Master Form V4

Master Form V4 makes it easy to present a confirmation page with all the answers the form user provided. The user can then click a button to confirm the answers.

Form Debug Helper

For a list of all fields, their types, ids, and values, temporarily paste this code into the end of a web page. When done debugging the form, remove the temporary code from the web page and you're good to go. That's it.

Form Tag Attribute for Uploading Files

The one attribute that must be present in the form tag to upload files. If it's not there, uploads will silently fail.

HTML Code for Arrows

Instead of always doing a search to find an idea arrow character, I decided to make my own page with all the arrows I could find.

HTML Inline Quotation Element ('Q' Tag)

The 'Q' tag is used for quoting text inline. The 'Q' tag can be quite handy with it's inherent ability to be styled.

Images Instead of Bullets for Lists

Sometimes an image is more appropriate than the normal dot or disk for list item markers.

Position Relative to a Word's Location

This describes how to position an image or text on a web page relative to the location of a word on a web page. It is text rewrap friendly.

Reader View-Friendly Website Content

People *will* look at your website with reader view. Do you know what it looks like?

Response Content Type

Determine the content type of the data from the server *before* you load it in your browser or download it.

Setup for Master Form V4 Redirecting To PayPal For Payment

With Master Form V4, you can collect information on a form for emailing and/or storing in a database. The same form can redirect the browser to PayPal for payment as if a PayPal Buy Now Button was clicked.

Sideways Table Header Text

Long table header text can be set sideways over narrow table columns.

Special Message for Bots and Non-JavaScript Browsers

The video describes how to send a message to bots and to browsers that have JavaScript turned off or disabled.

Styling the Horizontal Rule

The horizontal rule can be made any thickness you desire. Width can be specified. And a custom color. And margins.

Templates and Broken Images

When relative URLs are used in templates for images, links, and external files like CSS and JavaScript, the URLs can break when the page is used.

The HTML article Element

The article element causes a line break, like a div does. It can be styled like a div. But article has a special meaning that div does not.

The Meter Tag

The HTML meter tag publishes a meter reprenting a value within a range.

Uses for the BASE Tag

The HTML <base…> tag can have an affect on all links of a web page, depending on how the tag is used.

When JavaScript Needs to Run Before Loading Another Page

A linking method for when JavaScript needs to run before the link is followed.

Your Videos Published On Your Website

Stream your videos from your own website, under your own control — instead of involuntarily displaying ads for third-party video services like YouTube.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List
Chamber of Commerce - on the Web logo

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2024 Will Bontrager Software LLC