MrCraig
15-07-2007, 07:42 PM
Hey, ive been having trouble with this script, it only seems to apply the div class to the last item.
il post script and css..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="sddm.css" >
<title>Staff List v6</title>
</head>
<body>
<?
include("staffconfig.php");
$query = mysql_query("SELECT * FROM `userinfo` where pos = '$_GET[cat]' ORDER BY `pos` ASC");
while($staff = mysql_fetch_array($query))
{
echo("
<div class=\"navbar\">
<div class=\"mainDiv\">
<div class=\"topItem\">{$staff["username"]}'s Profile - Click to Expand</div>
<div class=\"dropMenu\"><!-- -->
<div class=\"subMenu\" style=\"display:none;\">
<div class=\"subItem\">
<table width=\"100%\" border=\"1\">
<tr>
<td width=\"9%\" rowspan=\"5\">
<iframe src=\"http://www.habbo-center.com/habbo/image.php?name={$staff["Habbo"]}\" width=\"64\" height=\"110\" scrolling=\"no\" frameborder=\"0\"></iframe></td>
<td>Staff Name: {$staff["username"]}</td>
</tr>
<tr>
<td>Habbo Name: {$staff["Habbo"]}</td>
</tr>
<tr>
<td>Position: {$staff["Position"]}</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan=\"2\"> </td>
</tr>
</table></div>
</div></div></div>
<script type=\"text/javascript\" src=\"xpmenuv21.js\"></script>
</div>");
}
?>
</body>
</html>
thats the script to display the items and can be found at http://www.habbo-center.com/v6/staffbeta.php?cat=b
il post css now..
.navbar
{
}
.mainDiv
{
width:520px;
}
.topItem
{
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-up-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
border: none;
width: 520px;
height: 25px;
color: #215dc6;
cursor:pointer;
text-indent:10px;
}
.topItemOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-up-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 520px;
color: #428eff;
cursor:pointer;
}
.topItemClose
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-down-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 520px;
color: #215dc6;
cursor:pointer;
}
.topItemCloseOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-down-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 520px;
color: #428eff;
cursor:pointer;
}
.dropMenu
{
font: bold 11px tahoma,verdana,sans-serif;
background-color: #d6dff7;
color: #000;
border: 1px solid #FFFFFF;
border-width: 0 1px 1px 1px;
filter:alpha(opacity=100);
padding-top:5px;
padding-bottom:5px;
}
.subMenu
{
display:block;
}
.subItem
{
margin-left:10px;
margin-top:2px;
height:151px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItem a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItemOver
{
margin-left:10px;
margin-top:2px;
font: 11px tahoma,verdana,sans-serif;
height:151px;
color: #428eff;
}
.subItemOver a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
cursor:pointer;
color: #428eff;
text-decoration:underline;
cursor:pointer;
}
.drop
{
border-left:1px solid black;
border-right:1px solid black;
}
I dont honestly see whats wrong with it,. So if anyone could help id be really grateful
Thanks
Craig-
Moved by opensourcehost (Forum Moderator) from Web Designing: Please post in the correct forum next time, thanks http://habboxforum.com/images/smilies/smile.gif.
il post script and css..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="sddm.css" >
<title>Staff List v6</title>
</head>
<body>
<?
include("staffconfig.php");
$query = mysql_query("SELECT * FROM `userinfo` where pos = '$_GET[cat]' ORDER BY `pos` ASC");
while($staff = mysql_fetch_array($query))
{
echo("
<div class=\"navbar\">
<div class=\"mainDiv\">
<div class=\"topItem\">{$staff["username"]}'s Profile - Click to Expand</div>
<div class=\"dropMenu\"><!-- -->
<div class=\"subMenu\" style=\"display:none;\">
<div class=\"subItem\">
<table width=\"100%\" border=\"1\">
<tr>
<td width=\"9%\" rowspan=\"5\">
<iframe src=\"http://www.habbo-center.com/habbo/image.php?name={$staff["Habbo"]}\" width=\"64\" height=\"110\" scrolling=\"no\" frameborder=\"0\"></iframe></td>
<td>Staff Name: {$staff["username"]}</td>
</tr>
<tr>
<td>Habbo Name: {$staff["Habbo"]}</td>
</tr>
<tr>
<td>Position: {$staff["Position"]}</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan=\"2\"> </td>
</tr>
</table></div>
</div></div></div>
<script type=\"text/javascript\" src=\"xpmenuv21.js\"></script>
</div>");
}
?>
</body>
</html>
thats the script to display the items and can be found at http://www.habbo-center.com/v6/staffbeta.php?cat=b
il post css now..
.navbar
{
}
.mainDiv
{
width:520px;
}
.topItem
{
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-up-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
border: none;
width: 520px;
height: 25px;
color: #215dc6;
cursor:pointer;
text-indent:10px;
}
.topItemOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-up-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 520px;
color: #428eff;
cursor:pointer;
}
.topItemClose
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-down-title.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 520px;
color: #215dc6;
cursor:pointer;
}
.topItemCloseOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("arrow-down-title-on.jpg") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 520px;
color: #428eff;
cursor:pointer;
}
.dropMenu
{
font: bold 11px tahoma,verdana,sans-serif;
background-color: #d6dff7;
color: #000;
border: 1px solid #FFFFFF;
border-width: 0 1px 1px 1px;
filter:alpha(opacity=100);
padding-top:5px;
padding-bottom:5px;
}
.subMenu
{
display:block;
}
.subItem
{
margin-left:10px;
margin-top:2px;
height:151px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItem a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItemOver
{
margin-left:10px;
margin-top:2px;
font: 11px tahoma,verdana,sans-serif;
height:151px;
color: #428eff;
}
.subItemOver a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
cursor:pointer;
color: #428eff;
text-decoration:underline;
cursor:pointer;
}
.drop
{
border-left:1px solid black;
border-right:1px solid black;
}
I dont honestly see whats wrong with it,. So if anyone could help id be really grateful
Thanks
Craig-
Moved by opensourcehost (Forum Moderator) from Web Designing: Please post in the correct forum next time, thanks http://habboxforum.com/images/smilies/smile.gif.