[HTML / beetje PHP] Uitlijning tabellen.

[Cheater]

Als je hier kijkt:
http://www.clan-league.com/index.php?w=Statistics
zie je een niet zo mooi uitgelijnde tabel. (zie de grafiek)

code:

for ($i = 1; $i <= $month; $i++) { 
    $arr = $t[$i];
    $arr2 = $l[$i];
    if ($arr != 0) {
         $themax_98 = $arr / $themax * 100;
         $themax_97 = $arr2 / $themax * 100;
         $left = 100 - $themax_97;
         ?>
         <table height="100" width="12" border="0" cellpadding="0" cellspacing="0" align="left" valign="bottom">
           <tr>
              <td height="<?= $left ?>" width="12" valign="bottom">[img]"gfx/balkje.gif"[/img]"></td>
            </tr>
            <tr>
              <td height="<?= $themax_97 ?>" width="12" valign="bottom">[img]"gfx/balkje2.gif"[/img]"></td>
            </tr>
         </table>
    <? } else { ?>
        <table height="100" width="12" border="0" cellpadding="0" cellspacing="0" align="left">
          <tr>
            <td height="100" width="12" valign="bottom">
              [img]"gfx/balkje.gif"[/img]
            </td>
          </tr>
        </table>
    <? }
}

Je ziet dat ik wat 'allign's en 'vallign's heb gebruikt, maar het wil niet werken.... waar ligt het aan dat mijn tabel niet mooi is uitgelijnt/d

[ Voor 28% gewijzigd door Cheater op 03-01-2003 01:23 ]

[Verwijderd]

Wat is er niet mooi aan dan? Zeg effe exact wat je wel wilt hebben... 'niet mooi' is een beetje onduidelijk vind je ook niet?

[Cheater]

Je ziet dat het groene gedeelte van het eerste balkje onder de 0-lijn loopt.

Elke balk stelt 1 dag voor, en zo dus 31 dagen.

[satyriasis]

dus ze moeten allemaal op een lijn beginnen??

edit:
1 zin en dan nog een typo

[ Voor 35% gewijzigd door satyriasis op 03-01-2003 01:29 . Reden: typo ]

[Hangloozz]

je maakt je eerste image 100 hoog ipv de procentuele waarde.
Tis trouwens wel een beetje ijdele hoop om te verwachten dat een browser een image van 82.758620689655px hoog kan weergeven
maak ff een formule zodat je hele getallen krijgt.

Daarnaast is het eigenlijk voor juiste weergave van cellen van belang dat er iets instaat; een non-breaking-space of een 1x1px image; als er maar wat staat.

Nou postte FoOL recentleijk een stukje CSS om lege cellen af te dwingen om te renderen..iets als dit geloof ik:

code:

empty-cells: show;

[Cheater]

Kijk hier eens:
http://www.clan-league.co...=Statistics&december=true

Je ziet dat hier de fout ergens midden in de grafiek ligt? Je had het eerst over de eerste image, maar heb je hier een verklaring voor?

Het heeft volgens mij wel iets te maken met de dag van de maand waar de meeste bezoekers zijn geweest.

[ Voor 21% gewijzigd door Cheater op 03-01-2003 01:38 ]

[cutter]

OP een of andere manier maakt ie die bewuste tabel niet goed aan.

code:

<td height="89.36170212766" onmouseover="show(30);" width="12" valign="bottom">
[img]"gfx/balkje.gif"[/img]</td>

De img is hoger dan de tabel.

Ook de tabellen waar balkje.gif 0 hoog is worden niet goed weergegeven. Maak daar 1 van, dan is het probleem misschien opgelost.

Het lijkt niet echt goed mogelijk om alles precies in elkaar te passen. Kun je niet beter werken met tabellen of divjes die je vershillende hoogten geeft en dan een een beetje afronden op hele getallen. Dus de imgs ditchen...

[Hangloozz]

Cheater schreef op 03 januari 2003 @ 01:37:

Je ziet dat hier de fout ergens midden in de grafiek ligt? Je had het eerst over de eerste image, maar heb je hier een verklaring voor?

Wat ik bedoel is wat cutter in iets meer bewoordingen zei.

De eerste tabel maak je 82.xxx px hoog maar de image die er in komt te staan maak je 100px hoog, 82.xxx != 100...

Verder zou ik er voor kiezen om een grafiek te bouwen die alleen een cel weergeeft als er iets is; je zit nu met een ontiegelijke hoeveelheid code voor dingen die er niet zijn..

[chem]

voor een zelfde soort grafiek (bovenaan hits, onderaan sessies)

HTML:

<table>
<tr>
<td valign=bottom align=center><a href='/stats/stats.php?day=1041375600' title='*** banners'><img src='bar.gif' height=24 width=7 border=1 hspace=3></a></td>
<td valign=bottom align=center ><a href='/stats/stats.php?day=1041462000' title='*** banners'><img src='bar.gif' height=100 width=7 border=1 hspace=3></a></td>
<td valign=bottom align=center ><a href='/stats/stats.php?day=1041548400' title='*** banners'><img src='bar.gif' height=14 width=7 border=1 hspace=3></a></td>
</tr>
<tr>
<td valign=top align=center ><a href='/stats/stats.php?day=1041375600' title='*** sessions, *** banners/sessions'><img src='bar2.gif' height=93 width=7 border=1 hspace=3></a></td>
<td valign=top align=center ><a href='/stats/stats.php?day=1041462000' title='*** sessions, *** banners/sessions'><img src='bar2.gif' height=81 width=7 border=1 hspace=3></a></td>
<td valign=top align=center ><a href='/stats/stats.php?day=1041548400' title='*** sessions, *** banners/sessions'><img src='bar2.gif' height=100 width=7 border=1 hspace=3></a></td>
</tr>
</table>

[ Voor 11% gewijzigd door chem op 03-01-2003 09:46 ]