Tabella

[Cloud900]

Ciao a tutti... ho un problema con una tabella

Questo è il mio sito: http://93.62.250.6:8103/newsite/index.php?id=pgonline

La pagina linkata sopra esegue una query che mi permette di visualizzare i giocatori online di un gioco...
Il problema è che se ci sono tanti giocatori online le scritte vanno a finire fuori l'immagine centrale... Per ovviare a questo problema vorrei aggiungere una scrollbar...

Premetto che non sono molto esperto in html/php però il mio staff ha incaricato me dato che chi se ne doveva occupare non si è fatto più sentire <.<

Ringrazio tutti in anticipo

[Prill]

Ciao, provato ad inserire la tabella che contiene i tuoi dati in un div (per il quale specifichi le dimensioni) sul quale sia impostato un overflow:auto?

[Cloud900]

Guarda questo è il codice... puoi vedere se ho sbagliato qualcosa?

<?
include("../config.php");
include("includes/anti_sql_inject.php");
error_reporting (E_ALL ^ E_NOTICE);
$query = 'Select GameIDC, Reset, Class, MapNumber, CLevel, MapPosX, MapPosY, ServerName, OnlineHours From MEMB_STAT, AccountCharacter, Character where MEMB_STAT.Connectstat=1 and AccountCharacter.Id=MEMB_STAT.memb___id AND AccountCharacter.GameIDC=Character.Name collate Chinese_PRC_CI_AS order by GameIDC, ServerName desc';
$result = mssql_query($query);
echo '<table class="style15" height=100 cellspacing=3 cellpadding=1 width=100 border=0 >
<tr>
<td align=center><div width=100 height=100 overflow=auto>#</td></div>
<td align=center><div width=100 height=100 overflow=auto>Name</td></div>
<td align=center><div width=100 height=100 overflow=auto>Level</td></div>
<td align=center><div width=100 height=100 overflow=auto>Reset</td></div>
<td align=center><div width=100 height=100 overflow=auto>Character</td></div>
<td align=center><div width=100 height=100 overflow=auto>Guild</td></div>
<td align=center><div width=100 height=100 overflow=auto>Map</td></div> ';

for($i=0;$i < mssql_num_rows($result);++$i)
{
$row = mssql_fetch_row($result);
$rank = $i+1;
$gilda = gilda_nome($row[0]);

if ($row[3] == 0) { $map = 'Lorencia';}
if ($row[3] == 1) { $map = 'Dungeon';}
if ($row[3] == 2) { $map = 'Devias';}
if ($row[3] == 3) { $map = 'Noria';}
if ($row[3] == 4) { $map = 'Lost Tower';}
if ($row[3] == 5) { $map = 'Unknow';}
if ($row[3] == 6) { $map = 'Arena';}
if ($row[3] == 7) { $map = 'Atlans';}
if ($row[3] == 8) { $map = 'Tarkan';}
if ($row[3] == 9) { $map = 'Devil Square';}
if ($row[3] == 10) { $map = 'Icarus';}
if ($row[3] == 11) { $map = 'Blood Castle 1';}
if ($row[3] == 12) { $map = 'Blood Castle 2';}
if ($row[3] == 13) { $map = 'Blood Castle 3';}
if ($row[3] == 14) { $map = 'Blood Castle 4';}
if ($row[3] == 15) { $map = 'Blood Castle 5';}
if ($row[3] == 16) { $map = 'Blood Castle 6';}
if ($row[3] == 17) { $map = 'Blood Castle 7';}
if ($row[3] == 18) { $map = 'Chaos Castle 1';}
if ($row[3] == 19) { $map = 'Chaos Castle 2';}
if ($row[3] == 20) { $map = 'Chaos Castle 3';}
if ($row[3] == 21) { $map = 'Chaos Castle 4';}
if ($row[3] == 22) { $map = 'Chaos Castle 5';}
if ($row[3] == 23) { $map = 'Chaos Castle 6';}
if ($row[3] == 24) { $map = 'Kalima 1';}
if ($row[3] == 25) { $map = 'Kalima 2';}
if ($row[3] == 26) { $map = 'Kalima 3';}
if ($row[3] == 27) { $map = 'Kalima 4';}
if ($row[3] == 28) { $map = 'Kalima 5';}
if ($row[3] == 29) { $map = 'Kalima 6';}
if ($row[3] == 30) { $map = 'Valley of Loren';}
if ($row[3] == 31) { $map = 'Land of Trials';}
if ($row[3] == 33) { $map = 'Aida';}
if ($row[3] == 34) { $map = 'CryWolf';}
if ($row[3] == 35) { $map = 'Kanturu';}
if ($row[3] == 36) { $map = 'Kanturu';}
if ($row[3] == 37) { $map = 'Kanturu';}


if ($row[2] == 0) {$class = 'DW';}
if ($row[2] == 1) {$class = 'SM';}
if ($row[2] == 16){$class = 'DK';}
if ($row[2] == 17){$class = 'BK';}
if ($row[2] == 32){$class = 'ELF';}
if ($row[2] == 33){$class = 'ME';}
if ($row[2] == 48){$class = 'MG';}
if ($row[2] == 64){$class = 'DL';}

echo "
<tr><td valign=center align=left><div width=100 height=100 overflow=auto>$rank.</td>
<td align=center><div width=100 height=100 overflow=auto>$row[0]</td></div>
<td align=center><div width=100 height=100 overflow=auto>$row[4]</td></div>
<td align=center><div width=100 height=100 overflow=auto>$row[1]</td></div>
<td align=center><div width=100 height=100 overflow=auto>$class</td></div>
<td align=center><div width=100 height=100 overflow=auto>$gilda</td></div>
<td align=center><div width=100 height=100 overflow=auto>$map</td></div>
</tr>";
}
?>

[Prill]

Non devi inserire un div in ogni cella con l'overflow:auto, ma prima della tabella (prima cioè di <table class="style15" height=100 cellspacing=3 cellpadding=1 width=100 border=0 >), e all'interno della cella in cui quest'ultima è annidata, inserire un div che abbia larghezza ed altezza che servono a te, e su quello mettere l'overflow così che quando il contenuto ecceda in altezza le dimensioni specificate non si allunghi sulla pagina ma tu possa scrollarlo attraverso la barra di scorrimento. Non posso darti indicazioni più precise perché le dimensioni attuali delle tue tabelle sono fuorvianti e non rispettate dai browser. La larghezza della tabella coi dati, per esempio, non è di 100 pixel ma ben superiore, così è anche per l'altezza, da eliminare in quanto attributo non valido e comunque inutile in questo caso.