Trying to get images to float left of text.
Browser (IE) won't show images on screen.
Here's the HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Charlotte Tile | Cupan Custom Tile</title>
<style type="text/css" media="screen">@import "layout3.css";</style>
</head>
<body>
<div class="content">
<h1>Charlotte tile contractor | Cupan Custom Tile</h1>
<p><i>Call Today for a Free Estimate:</i> (704)668-1386</p>
</div>
<br />
<div class="content">
<h2>Shop for Tile and Stone</h2>
<p>Visit our <a href="tileshop.html">tile shop</a> for help in choosing the best of ceramic, porcelain, marble, granite, travertine, slate, and glass.</p>
<br />
<img style="float:left; margin:0 2em 2em 0; border:none;" src="img/ceramic.jpg" alt="ceramic floor tile" />
<h3>Ceramic Tile</h3>
<p>Spain hosts some of the most innovative ceramic tile on the market.
Ceramic floor tile, with all its colors and variety of sizes can take a room from bland to beautiful. </p>
<h3>Ceramic, a stylish clay.</h3>
<p>Check out the large selection of ceramic tile we have available for you.<br />
visit our <a href="tileshop.html">tile shop</a>.</p>
<br />
<br />
<img style="float:left; margin:0 2em 2em 0; border:none;" src="img/porcelain.jpg" alt="porcelain tile" />
<h3>Porcelain Tile</h3>
<p>Durable. Water and stain resistant. Frost-proof. Easy to clean.
The right tile can say alot about your personal style.</p>
<h3>If this room could talk...</h3>
<p>Make a statement. Let your tile set the mood of the room.
Make a focal point stand out with a tile surround. Tile your lifestyle.</p>
<br />
<br />
<br />
<img style="float:left; margin:0 2em 2em 0; border:none;" src="img/marble.jpg" alt="marble subway tile" />
<h3>Marble Tile</h3>
<p>Marble brings a touch of elegance and class to any room.
Turn a bath into your own personal oasis. Tile a foyer into a magnificent welcoming entryway.</p>
<h3>Make it Classic. Make it Marble.</h3>
<p>Marble's signature quality is its deep and dramatic veining, giving it a story to tell.
Quarried primarily in the Philippines, Marble is available both honed with a matte finish and polished with a luxurious shine.</p>
<br />
<br />
<br />
<img style="float:left; margin:0 2em 2em 0; border:none;" src="img/granite.jpg" alt="granite tile countertop" />
<h3>Granite Tile</h3>
<p>Formed through volcanic fire. Bold and beautiful. Granite tile looks great on a countertop, backsplash, floor, or wall. </p>
<h3>Hard as a rock.</h3>
<p>Versatility and a rich palette make Granite tile one of nature's true gems.</p>
<br />
<br />
<br />
<img style="float:left; margin:0 2em 2em 0; border:none;" src="img/travertine_sink.jpg" alt="Travertine tile mosaic countertop" />
<h3>Travertine Tile</h3>
<p>Why is travertine tile so popular? Because it goes with everything.
Neutral cremes and warm browntones can bring charm or flair.
Technically known as calcium carbonate, travertine is formed by minerals dissolving in ground water and then deposited on the earth's surface by rivers, geysers and natural springs.</p>
<h3>Travertine is the canvas. Your life is the paint.</h3>
<br />
<br />
<br />
<img style="float:left; margin:0 2em 2em 0; border:none;" src="img/slate.jpg" alt="mosaic Slate tile backsplash" />
<h3>Slate Tile</h3>
<p>Rustic rock. An artistic tile with no two pieces alike.<p>
<h3>Layers of lovely stone</h3>
<p>Slate tile is also practical. The raised texture makes it slip resistant and the variations in color help hide dirt.</p>
<br />
</div>
<div class="content">
<h2>Benefits of Tile</h2>
<h3>Versatility</h3>
<p>Tile can be installed on floors and walls, indoors and out, and exposed to water or high heat.
Ceramic tiles can be used to decorate any room of the house. </p>
<br />
<h3>Variety</h3>
<p>The variety of tile colors, shapes, and sizes creates wonderful design possibilities.
You can find glazed ceramic tiles in a rainbow of hues. Colors ranging from quiet neutrals to blazing primaries, from pretty pastels to dramatic dark colors.
There are decorative tiles with designs, impressions, and imagery. Many tiles are textured, both for better grip underfoot and for an interesting look.
There is an endless array of sizes and shapes readily available.
It is easy to give tile installations a detailed touch with a number of manufacturers offering a variety of trim pieces for edges, corners, caps, and rounded arches and circles.
Many tile producers also provide matching accessories, such as towel bars, soap dishes, corner shelves, and paper holders. </p>
<h3>Low Maintenance</h3>
<p>Ceramic and stone tiled floors, walls, and countertops are easy to care for.
General cleaning consists of a quick wipe with a damp mop. Even when cleaning is neglected for a long period of time, a good wash will usually bring back the lustrous sheen.</p>
<h3>Durability</h3>
<p>As long as the original installation was properly done, there is no reason why a tile installation would not last as long as your house.
When the burial tomb of the Pharaoh Zoser was opened in 1803, the blue-green glazed tiles inside were as beautiful as if they had been recently installed. In fact, the Stepperd Pyramid in the Nile Valley was built about 4700 BC.
When purchasing tile, bear in mind that you will be living with it for a very long time. Take time and care in choosing tiles that you think will be appropriate in future time. </p>
<h3>Ease of Replacement</h3>
<p>If carpeting gets stained or damaged, you usually have to replace the entire piece. However if damage occurs to a tiled surface, individual tiles can be repaired as necessary without tearing out the entire installation.
Cracked or loose tiles or damaged grout can be repaired and rejuvenated relatively easy.
If you want to make changes for asthetic reasons, most installations can be restyled, accented, or added to without having to remove the main body of tiles.
It is possible to extend a tiled surface should you decide to enlarge an area or add on to a room. </p>
<h3>Solar Benefits</h3>
<p>Ceramic tile is an efficient solar collector, and one of the best floor coverings to install for that purpose.
In the winter, tile stores heat during the day and slowly releases it at night, warming your feet.
In the summer, tile defuses some of the sun's rays by absorbing heat. Then in the evening, ventilation carries the heat away, cooling the tile.
Consider installing tiles around wall heaters and radiators, around wood stoves, and under skylights to achieve the greatest benefits.
If you are installing tile primarily for solar heat benefits, the best substrate is a thick bed of concrete. However, even installed over plywood, tiles will store and emit heat to some extent. </p>
<h3>Value</h3>
<p>Ceramic tile looks so good that many people consider it a luxury. Actually, it is very affordable. Many ceramic floor tiles are about the same price as vinyl flooring. In addition, tile will long outlast vinyl installations, making tile the more economic choice as a floor covering.
A tiled countertop will cost more than a laminate one, but will be more durable. A tile countertop will be less expensive than a stone or simulated stone slab.
Tiling a wall can be more expensive than painting or paper hanging. But because of its water resistance, tiles are more practical in wet areas such as shower walls, tub surrounds, and backsplashes.
An important factor when weighing the benefits of tile against other products is the return for your money. Floors, walls, and counters covered with ceramic tile, marble, slate, and related tile products are generally associated with luxury living. Therefore an installation that looks professional will certainly add to the appeal and value of your home. </p>
<br />
<br />
<br />
<h3>Want to see some tile samples?</h3>
<p>Call (704)668-1386 to schedule a free quote.<br />
Cupan Custom Tile | Charlotte's Tile Experts</p>
</div>
<div class="content">
<h3>What's under your tile?</h3>
<p>Choosing a quality tile is important, but what lies underneath the tile is crucial to the integrity of your tile installation.</p>
<p>Cupan Custom Tile uses a tile backerboard system utilizing an underlayment that is mold and water-resistant and will stand the test of time.</p>
<p>The diagram below shows the underlayment system we use for floor tile (in layers):</p>
<DIV style="border-color:green; border-style:solid">Ceramic floor tile as a floor covering.</DIV>
<br />
<DIV style="border-color:green; border-style:ridge">Modifed thinset mortar as an adhesive for tile.</DIV>
<br />
<DIV style="border-color:green; border-style:dashed">Water-resistant tile backerboard underlayment.</DIV>
<br />
<DIV style="border-color:green; border-style:ridge">Thinset fills voids between sub and backerboard.</DIV>
<br />
<DIV style="border-color:green; border-style:double">Wood subfloor layer over floor joists.</DIV>
</div>
<div class="content">
<a href="index.html" title="Layouts to make your own...">< Return to the Layout Reservoir</a> :: <a href="view_css.php?layout=layout3" title="">View the CSS</a>
</div>
<div id="navAlpha">
<h2>Links</h2>
<p>
<a href="" title="">Fake Link One</a><br>
<a href="" title="">Nothing Here</a><br>
<a href="" title="">Links Nowhere</a><br>
<a href="" title="">Fake Link Four</a><br>
<a href="" title="">Fifth Fake Link</a><br>
</p>
</div>
<div id="navBeta">
<h2>We're Here to Help</h2>
<p>Courteous staff and quality craftsmanship make Cupan Custom Tile the right tile contractor for you.</p>
<h4>More than a smile and handshake</h4>
<p>We're with you every step of the way through your tile installation from design to finished project.</p>
<h3>Get a Free Estimate today.</h3>
<p>Call us <b>(704)668-1386</b><br />
Cupan Custom Tile<br />
Charlotte tile contractor</p>
<br />
<p>Providing solutions for tile projects for any room in your home.
Ceramic floor tile, kitchen backsplash, granite tile countertops, shower tile systems, bath remodel, glass mosaics, tile fireplace surround, custom tile work.</p>
<br />
</div>
</body>
</html>
And here's the CSS:
body {
color:#333;
background-color:white;
margin:20px;
padding:0px;
font:12px verdana, arial, helvetica, sans-serif;
}
h1 {
margin:0px 0px 15px 0px;
padding:0px;
font-size:22px;
font-weight:900;
color:#C7E38D;
}
h2 {
font:bold 12px/14px verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}
h3 {
font:bold 18px verdana, arial, helvetica, sans-serif;
color:#008B00;
}
p {
font:12px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}
a {
color:#008B00;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration:none;
}
a:link {color:#008B00;}
a:visited {color:#008B00;}
a:hover {color:#EE9A00;}
/* All the content boxes belong to the content class. */
.content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
min-width:120px;
margin:0px 210px 20px 170px;
border:1px solid green;
background-color:white;
padding:10px;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
#navAlpha {
position:absolute;
width:150px;
top:20px;
left:20px;
border:1px dashed green;
background-color:#C7E38D;
padding:10px;
z-index:2;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See
http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
width:128px;
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:128px;}
#navBeta {
position:absolute;
width:190px;
top:20px;
right:20px;
border:1px dashed green;
background-color:#C7E38D;
padding:10px;
z-index:1;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
thanks for the help ya'll
