You're the One

After I finished with Shakira 1 I realized that the lyrics were in Spanish and D-X serves and anglo-speaking community (sometimes I forget that not everyone is bilingual) so I decided to put English lyrics over the picture, but that image didn't give me the space I needed to work with because the songs were too long so I chose this image where she is laying on the shore and put the lyrics of "The One" in.

Directions are found in the Rules page. That's my trick to make sure you read the rules first.

Here is the HTML for this layout:

<HTML>
<TITLE>You're the One</TITLE>
<META NAME="GENERATOR" CONTENT="Sothink HTML Editor">
<HEAD>
<style type="text/css">
body
{background-color:0286e8;
scrollbar-base-color: 40e0d0;
scrollbar-face-color: #0286e8; 
   			  scrollbar-track-color: c0ffff; 
   			  scrollbar-arrow-color: #0000ff;
   			  scrollbar-highlight-color: #FFFFFF; 
  			  scrollbar-3dlight-color: #FFFFFF; 
   			  scrollbar-shadow-color: #FFFFFF;
   			  scrollbar-darkshadow-color: #FFFFFF}
.song
{background-color: none;
font-family: french script mt;
color: ffffff;
font-size: 18pt}
.date
{color: c0ffff;
font-family: century gothic}
.entry
{font-family: georgia;
font-size: 12pt;
color: 40e0d0}
a
{color: afeeee;
font-family: century gothic;
text-decoration: underline}
a:hover
{color: afeeee;
font-family: century gothic;
font-size: 12pt;
text-decoration: underline}
a:visited
{color: ffffff;
font-family: century gothic;
text-decoration: underline
</style>
</HEAD>
<BODY>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/Thumbnails/553517shakira2.jpg" width="342" HEIGHT="504" 
ALT="" >
<div CLASS="song" STYLE="position: absolute; top: 20px; left: 15px; width: 335px; height:200px">
So I find a reason to shave my legs
each single morning
So I count on someone
friday nights to take me dancing
and then to church on Sundays
to plant more dreams
and someday think of kids
or maybe just to save a little money
<p>
                 
You're the one I need
The way 
                 
                 
back home 
                 
                    
is always long
                 
                 
      
But if 
<p>
you're close to me
I'm holding on
You're the one I need
My real life has just begun
Cause there's nothing like
Your smile made of sun
<br>
In a world full of strangers
You're the one I know
<br>
You're the one I need
With you my real life has just begun
You're the one I need
Nothing like your smile made of sun
</div>
<div CLASS="date" STYLE="position: absolute; top: 15px; left:365px; width: 200px; height: 50px">
[date] - [title]
</div>
<div CLASS="entry" STYLE="position: absolute; top: 65px; left: 365px; width: 400px; height: 600px">
[body]
</div>
<div CLASS="nav" STYLE="position: absolute; top: 15px; left:775px; width: 150px; height: 200px">
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a [prev href]>Previous</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a [curr href]>Current</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a [next href]>Next</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a HREf="/journal.cgi?entry=split">Archives</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a HREF="https://colombianita03.tripod.com/design.html">Design</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a HREF="http://www.shakira.com">Image1</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a HREF="http://www.webvoodoo.com/free">Image2</a><br>
<IMG SRC="http://prod.bsis.bellsouth.net/coDataImages/p/Groups/115/115081/folders/83626/553520triskbullet.gif" ALT="" >
<a HREF="http://www.diary-x.com">Diary-X</a>
</div> 
</body>
</HTML>