Ok I cant seem to get the code to work right. I like to get the text lower or more center to where the mouse is … like in IE picture on the right… Or lest get the text lower. So you can see all names… (picture on the right)
http://www.crypthome.com/gallery.jpg
[php]<?php
$db_name = “###########”; /* this is the database username /
$db_pw = “#########”; / this is the database password /
$gal_pics = “…/Graphics/”; / this is the folder name where the gallery pics are. end it with a slash /
$folder = “…/Graphics/”; / this is the folder name the gallery.php file lives in, ie gallery/ must end the name with a slash */
?>
Comic Chat Server The Crypt-The Gallery
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
}
body {
background-image: url(../Graphics/layout.jpg);
background-color: #000;
background-repeat: no-repeat;
}
.main
{
position:absolute;
width:50px;
height:50px;
color:red;
background-color:transparent;
border: 2px solid red;
padding: 5px;
text-align:center;
font-weight:bold;
text-decoration:none;
display:block;
z-index:1;
}
.drop
{
position:absolute;
width:100px;
font-family:Arial;
font-size:14;
font
-weight:normal;
color:#FF0000;
text-decoration:none;
background-color:#000000;
padding: 5px;
display:none;
z-index:2;
border: 2px groove #FF0000;
}
html>body .drop{
/* this is more firefox */
margin-top:-220px;
margin-left:5px;
position:relative;
border: 2px solid #FF0000;
}
@media all and (min-width: 0px){
/* this is for opera */
.drop {
position: relative;
height: 850px;
}
}.droptext
{
font-family:Arial;
font-size:14;
color:red;
text-decoration:none;
}
.droptext:hover
{
color:#990000;
text-decoration:underline;
}
a:link {
color: #3366FF;
}
a:visited {
color: #00FF33;
}
a:hover {
color: #00FF00;
}
a:active {
color: #CC33FF;
}
#Layer5 {
position:absolute;
width:162px;
height:54px;
z-index:16;
left: 376px;
top: 140px;
}
#Layer6 {
position:absolute;
width:167px;
height:56px;
z-index:17;
left: 577px;
top: 140px;
}
#apDiv1 {
position:absolute;
width:200px;
height:78px;
z-index:18;
left: 376px;
top: 141px;
}
| |
|
<td width="93%"><div id="Layer11" style="position:absolute; width:200px; height:115px; z-index:12; left: 399px; top: 7px;"><a href="../index.html"><img src="../Graphics/Welcome.gif" alt="Welcome to the Crypt" width="381" height="55" border="0"></a></div></td>
<td width="0%"> </td>
|
|
<div id="Layer6"><a href="../../CryptForum/portal.php"><img src="../Graphics/Forum.gif" alt="To Crypt Forum" width="180" height="61" border="0"></a></div>
<div id="Layer9" style="position:absolute; width:188px; height:63px; z-index:10; left: 175px; top: 7px;"><a href="gallery.php"><img src="../Graphics/Gallery.gif" alt="Comic Chatters Gallery" width="146" height="61" border="0"></a></div>
</div></td>
<td><div align="right"></div></td>
|
| |
|
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
<?php
/* database connection */
$dbcnx = mysql_connect("localhost", $db_name, $db_pw);
if(!$dbcnx)
{
echo "Unable to connect to database server ";
exit();
}
if(!@mysql_select_db("chat_gallery"))
{
echo "Unable to connect to database ";
exit();
}
$sqlquery = "SELECT * FROM gallery WHERE approved='y' order by letter_num, name asc";
$result = @mysql_query($sqlquery);
if (@mysql_num_rows($result) != 0)
{
$gallery_content = "";
$cycle_in = 1;
$cycle_out = 0;
$content = 'yes';
while($row = mysql_fetch_assoc($result))
{
if($cycle_in <= $cycle_out)
{
$gallery_content .= "\n";
$cycle_in++;
}
if($cycle_out >= $row['letter_num'])
{
if($row['name'] == '' && $content == 'no')
{
$gallery_content .= "\tMembers are:
\n";
}else{
$the_name = str_replace('_', ' ', $row["name"]);
$gallery_content .= "\t$the_name
\n";
$content = 'yes';
}
}else{
if($content != 'yes')
{
$gallery_content .= "\tLetter empty
\n";
}
$cycle_out++;
$gallery_content .= "\n";
$content = 'no';
}
}
}
echo $gallery_content;
echo "";
?>
Are you not here? Click on the coffin and add yourself.
|
|
[/php]
