Site ID that uses image replacement entirely.

How to make this site id

Sometimes a logo or site id works best if it is a graphic, not text in the page. However, you must have your h1 tag for proper document outlines and SEO. One solution is to use image replacement. In this example, we don't need to create a style hook for the site id, since it is in the definitionally-unique h1 tag. However, people often do, using .sideid as the style hook. We also need to surround the text itself in the site id with a span tag, so it will not be visible in the final design.

In another exercise (Ponies), we'll create image-based navigation (often fun on a homepage), and image replacement is a reasonable way to make it happen.

Process:

  • The background image goes in the anchor tag. You'll use a descendant selector for this: #banner h1 a {}
  • Because you want the anchor tag to be the exact size of the background image, you'll need to use the display property to make it generate a block display box, and then you'll use the height and width properties to assign it the same number of pixels as the graphic. See notes about high density display workarounds.
  • The hover style puts in the hover background image for the anchor tag: #banner h1 a:hover {}
  • You need a span tag INSIDE the anchor tag so you can "turn off" the text. <a><span>linked text</span></a>
  • You set the opacity of the text inside the span to 0. #banner h1 a span {}

Viburnum filler text

Viburnums have long been one of the most popular flowering landscape shrubs. There are over 150 species of Viburnum. You can find a variety to suit any garden need: wet or dry, sun or shade, natural or formal, shrub or tree, native or exotic, USDA Zones 2-9. Bloom times span early spring through June and are followed by attractive fruit and outstanding fall foliage.

Most viburnums prefer full sun but will adjust to partial shade. They like a moderately fertile soil with a pH between 5.6 - 6.6., although many do just fine in alkaline soils. In general, viburnums are not terrible particular about where they grow.

That few pests will bother viburnums is one of the reasons they have become so popular in the landscape. Recently the Viburnum Leaf Beetle (VLB) has been introduced into North America trough Canada and has begun making its way south.