Instead of blockquote you could use a <p> with a class....
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
<!--
.indent {
padding-left:20px;
}
-->
</style>
</head>
<body>
<p>I am a Musician.</p>
<p class="indent">I have been playing percussion for about 8 years. I have recently decided to take up singing in choir and playing guitar.</p>
</body>
</html>
Now, let's think about what type of information you are displaying here.
It's a list of facts about you.
It takes the form of: Statment-Qualifying paragraph.
You could say it's a Definition List.
Definition lists normally indent the definition part, and you could apply further styling if you wished. But imagine if the user didn't have a CSS enabled browser, the content would still make sense as it would be displayed in the browser's default layout for definition lists.
Code:
<dl>
<dt>I am a Musician.</dt>
<dd>I have been playing percussion for about 8 years. I have recently decided to take up singing in choir and playing guitar.</dd>
<dt>I am a Scholar.</dt>
<dd>Learning is something that rings deep within my heart. I don't think that I have found a subject that I didn't want to learn. More than just learning I enjoy teaching people what I have learned and discussing the possibilities with people who disagree with me. I love a good debate, but I can't stand it when emotions get too involved.</dd>
<dt>I am a Christian.</dt>
<dd>I choose not this path for happiness or some release from the day to day drone that occurs in society today. I don't believe in a fluffy religion that claims to take all problems away. But I do believe in an all powerful God. A God who died a horrible death for the forgiveness of sins.</dd>
</dl>
Ok.. the popups.
Why are you using a BLOB? Wouldn't a Text field be more appropriate? Are you storing binary data in there? BLOB (iirc) stands for Binary Long OBject.
BLOBs have a length defined for them, my guess is that the length of your BLOB field is too short. Try it with TEXT or VARCHAR, they are much more suitable.
You could use CSS by creating an invisible DIV located on top of each picture. Then when the user mouses over the image switch the DIV's visibility on.
There are a couple of ways I can think of to do this, but I've not tried either of them.
Have a Google for an answer. If I get time I will try and work up a cleanish (or as clean as I can) solution.
The CSS rollovers I was talking about are explained at
The basic premise is that you create an image that contains the off, on and rollover states of your button or whatever and use it as a background in, for example, a list item. Then using CSS :hover psuedo classes you shift the image. You may also need to apply some javascript to make it work in IE, but the principle is the same.
Read the article, and again Google around for more info on it, my description isn't quite right there.
Foamcow Heavy Industries - Web design and ranting
Toccoa Games - Day of Defeat gaming community
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
"I'm making time
