Document2.htm

<!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>
    <title>
      RAD ZONE Webcreation
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="http://radservebeer.free.fr" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
<style type="text/css">
/*<![CDATA[*/

body {
        font-family: tahoma;
        arial, sans-serif;
}

#imap {
        display: block;
        width: 400px;
        height: 240px;
        background: url(beatles_basic.jpg) no-repeat;
        position: relative;
}

#imap a#title {
        display: block;
        width: 400px;
        height: 0;
        padding-top: 240px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        background: transparent url(beatles_hover.jpg) no-repeat 400px 400px;
        cursor: default;
}

* html #imap a#title {
        height: 240px;
        he\ight: 0;
}

#imap a#title:hover {
        background-position: 0 0;
        z-index: 10;
}

#imap dd {
        position: absolute;
        padding: 0;
        margin: 0;
}
#imap #photo1 {
        left: 36px;
        top: 46px;
        z-index: 20;
}
#imap #photo2 {
        left: 113px;
        top: 76px;
        z-index: 20;
}
#imap #photo3 {
        left: 192px;
        top: 50px;
        z-index: 20;
}
#imap #photo4 {
        left: 262px;
        top: 60px;
        z-index: 20;
}

#imap a#paul, #imap a#ringo, #imap a#john, #imap a#george {
        display: block;
        width: 85px;
        height: 85px;
        background: transparent url(hover.gif) -100px -100px no-repeat;
        text-decoration: none;
        z-index: 20;
}

#imap a span, #imap a:visited span {
        display: none;
}

#imap a#paul:hover, #imap a#ringo:hover, #imap a#john:hover, #imap a#george:hover {
        background-position: 0 0;
}

#imap a:hover span {
        position: absolute;
        width: 388px;
        display: block;
        font-family: arial;
        font-size: 12px;
        background: #fff;
        color: #000;
        border: 1px solid #000;
        padding: 5px;
}

* html #imap a:hover span {
        width: 400px;
        w\idth: 388px;
}

#imap a#paul:hover span {
        left: -36px;
        top: 200px;
}
#imap a#ringo:hover span {
        left: -113px;
        top: 170px;
}
#imap a#john:hover span {
        left: -192px;
        top: 196px;
}
#imap a#george:hover span {
        left: -262px;
        top: 186px;
}

#imap a span:first-line {
        font-weight: bold;
        font-style: italic;
}
/*]]>*/
</style>
  </head>
  <body>
    <h2>
      The Beatles.
    </h2>
    <dl id="imap">
      <dt>
        <a id="title" href="#nogo" title="The Beatles" name="title">The Beatles</a>
      </dt>
      <dd id="photo1">
        <a id="paul" title="Paul McCartney" href="#nogo" name="paul"><span>Paul McCartney - Bass Guitar and Vocals
        <br />
        <br />
        PaulMcCartney&#39;s song, Yesterday, recently voted the most popular song ofthe century by a BBC poll, was
        initially composed without lyrics. Paulused the working title &#39;scrambled eggs&#39; before coming up with
        the finalwords.</span></a>
      </dd>
      <dd id="photo2">
        <a id="ringo" title="Ringo Starr" href="#nogo" name="ringo"><span>Ringo Starr - Drums
        <br />
        <br />
        DearPrudence was written by John and Paul about Mia Farrow&#39;s sister, Prudence, when she wouldn&#39;t come
        out and play with Mia and the Beatlesat a religious retreat in India.</span></a>
      </dd>
      <dd id="photo3">
        <a id="john" title="John Lennon" href="#nogo" name="john"><span>John Lennon - Guitar and Vocals
        <br />
        <br />
        In1962, The Beatles won the Mersyside Newspaper&#39;s biggest band inLiverpool contest principally because they
        called in posing asdifferent people and voted for themselves numerous times.</span></a>
      </dd>
      <dd id="photo4">
        <a id="george" title="George Harrison" href="#nogo" name="george"><span>George Harrison - Lead Guitar and
        Vocals
        <br />
        <br />
        The Beatles&#39; last public concert was held in San Francisco&#39;s Candlestick Park on August 29,
        1966.</span></a>
      </dd>
    </dl>
  </body>
</html>