Site map

spacer

XHTML 1.0 Strict template

spacer

Copy xhtml code

Copy and paste the xhtml text in the box below into an html editor.

A very good free (no time limit) html editor I've used is CoffeeCup Free HTML Editor 8.0, the only program I miss since deserting Windoze.

A good Mac html editor I can recommend is Smultron. Both have a preview tool, so you can monitor your progress in your browser as you develop.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blank css photo gallery template &#183; www.tankedup-imaging.com</title>
<link rel="stylesheet" type="text/css" media="all" href="gallery.css" />
</head>

<body>

<!-- gallery div start -->
<div class="gallery">

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image01" />
<span><img src="images/pre_image01.gif" alt="Image01" /><em>Image01</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image02" />
<span><img src="images/pre_image01.gif" alt="Image02" /><em>Image02</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image03" />
<span><img src="images/pre_image01.gif" alt="Image03" /><em>Image03</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image04" />
<span><img src="images/pre_image01.gif" alt="Image04" /><em>Image04</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image05" />
<span><img src="images/pre_image01.gif" alt="Image05" /><em>Image05</em></span></a>
</div>

<div class="no-thumb">&nbsp;</div>

<div class="no-thumb">&nbsp;</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image06" />
<span><img src="images/pre_image01.gif" alt="Image06" /><em>Image06</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image07" />
<span><img src="images/pre_image01.gif" alt="Image07" /><em>Image07</em></span></a>
</div>

<div class="no-thumb">&nbsp;</div>

<div class="no-thumb">&nbsp;</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image08" />
<span><img src="images/pre_image01.gif" alt="Image08" /><em>Image08</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image09" />
<span><img src="images/pre_image01.gif" alt="Image09" /><em>Image09</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image10" />
<span><img src="images/pre_image01.gif" alt="Image10" /><em>Image10</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image11" />
<span><img src="images/pre_image01.gif" alt="Image11" /><em>Image11</em></span></a>
</div>

<div class="thumb">
<a href="image01.html"><img src="images/image01_thumb.gif" alt="Image12" />
<span><img src="images/pre_image01.gif" alt="Image12" /><em>Image12</em></span></a>
</div>

</div>
<!-- gallery div end -->

<!-- clear both div -->
<div class="clear">&nbsp;</div>

</body>
</html>