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..
thats the script to display the items and can be found at http://www.habbo-center.com/v6/staffbeta.php?cat=bPHP Code:<!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>
il post css now..
I dont honestly see whats wrong with it,. So if anyone could help id be really gratefulCode:.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; }
Thanks
Craig-
Moved by opensourcehost (Forum Moderator) from Web Designing: Please post in the correct forum next time, thanks.





.
Reply With Quote

