Rozsáhlejší popisky k jednotlivým fotografiím

Soubor z foo_green  demo šablony

Vkládání rozsáhlejších popisků     "caption"

ruční práce

vkládání textu mezi znaky  >  <

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

   "http://www.w3.org/TR/html4/strict.dtd">

<html>

 

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

  <meta http-equiv="Content-Language" content="cz">

  <meta name="GENERATOR" content="XnView">

  <link rel="stylesheet" type="text/css" href="../fooby.css">

  <title>domácí květiny - kvetina_2.jpg</title>

  <script type="text/javascript">

    // Hide the caption div if it's empty

    function removeIfEmpty() {

      var captionDiv = document.getElementById("caption");

      if (captionDiv.innerHTML == "\n      \n    " | captionDiv.innerHTML == "")

        captionDiv.style.display = "none";

    }   

  </script>

</head>

 

<body onload="removeIfEmpty();">

  <div class="center">

    <h1>květiny</h1>

    <div id="navt">

      <a href="kvetina_1.html">&lt; Předchozí</a> | <a href="../thumb.html">Náhledy</a> | <a href="kvetina_3.html">Další &gt;</a>

    </div>

    <div id="pic" class="content" style="width: 400px;">

      <img src="kvetina_2.jpg" width="400" height="300" alt="kvetina_2.jpg"><br>

    </div>

    <div id="caption" class="content" style="width: 400px;">

     Rostlina na tomto obrázku není bodlák, proto že, nemá žádné ostny ani trny.

     Není to ani pampeliška, ta má zase žlutý květ. No prostě nevím. ;-)

    </div>

    <div id="navb">

    <a href="kvetina_1.html">&lt; Předchozí</a> | <a href="../thumb.html">Náhledy</a> | <a href="kvetina_3.html">Další &gt;</a>

    </div>

  </div>

</body>

</html>