alignment help needed

[iMage]

Hi guys,a couple people tried to help me in the shoutbox yesterday with this problem,but im a total noob coder lol.. maybe someone can help me align the cat headers for me (see screenshot,or site for wht i mean)

       <table cellspacing="2" cellpadding="2">
       {php} global $SEOFriendlyURLs,$themepath;
          $catarray = am_listgamecats($db, 'none', 'flat'); // Get the array of category names
          $c=1;
          $m=4;
          foreach ($catarray as $a) {

             if($c == 1) { echo '<tr>';}

             echo '<td valign="top" width="25%">';
             echo '<div class="topcategory">';
              if($SEOFriendlyURLs == 0)
                {
                 $url = './index.php?cat='.urlencode($a);
             } else {
                 $url = './index.php?cat='.urlencode($a);
             }

             echo '<table width="100%" cellspacing="2" cellpadding="2">
             <tr>
             <td valign="top" align="center"><a href="'.$url.'"><h2><b>'.$a.'</h2></b></a>
             </td></tr>
             <tr>
             <td valign="top">';
             echo '<center>';
             am_listnewgames('table', 5, $a,true,60,60);
             echo '</center></td></tr>';

             echo '<tr>
             <td valign="top"><a href="'.$url.'">More '.$a.' Games</a>
             </td>
             </tr>';

             echo '</table>';
             echo '</td>';

             if($c == $m) { echo '</tr>'; $c=0;} $c++;
          }
       {/php}
       </table> 

i believe somewhere here is where i need to do it,as i said im noob to coding this type of thing,my skills are very basic still

screenshot of wht needs to be aligned,notice the cat headers are riding the top

iMage Reviewed by iMage on 15th Apr 2010. alignment help needed Hi guys,a couple people tried to help me in the shoutbox yesterday with this problem,but im a total noob coder lol.. maybe someone can help me align the cat headers for me (see screenshot,or site for wht i mean) <table cellspacing="2" cellpadding="2"> {php} global $SEOFriendlyURLs,$themepath; $catarray = am_listgamecats($db, 'none', 'flat'); // Get the array of category names $c=1; $m=4; foreach ($catarray as $a) { Rating: 5

[Mr Happy]

Can you say what it is you want to align. I've no idea what the problem is.

EDIT: ok is it the headings with the blue background. They don't look right vertically?

[K3V]

Maybe try changing teh ...

<td valign="top" align="center"><a href="'.$url.'"><h2><b>'.$a.'</h2></b></a></td>

to ...

<td valign="middle" align="center"><a href="'.$url.'"><h2><b>'.$a.'</h2></b></a></td>

Liek this ...

<table cellspacing="2" cellpadding="2">
       {php} global $SEOFriendlyURLs,$themepath;
          $catarray = am_listgamecats($db, 'none', 'flat'); // Get the array of category names
          $c=1;
          $m=4;
          foreach ($catarray as $a) {

             if($c == 1) { echo '<tr>';}

             echo '<td valign="top" width="25%">';
             echo '<div class="topcategory">';
              if($SEOFriendlyURLs == 0)
                {
                 $url = './index.php?cat='.urlencode($a);
             } else {
                 $url = './index.php?cat='.urlencode($a);
             }

             echo '<table width="100%" cellspacing="2" cellpadding="2">
             <tr>
             <td valign="middle" align="center"><a href="'.$url.'"><h2><b>'.$a.'</h2></b></a>
             </td></tr>
             <tr>
             <td valign="top">';
             echo '<center>';
             am_listnewgames('table', 5, $a,true,60,60);
             echo '</center></td></tr>';

             echo '<tr>
             <td valign="top"><a href="'.$url.'">More '.$a.' Games</a>
             </td>
             </tr>';

             echo '</table>';
             echo '</td>';

             if($c == $m) { echo '</tr>'; $c=0;} $c++;
          }
       {/php}
       </table>  

idk, Just what i would try first

atm teh title is vertically aligned to teh top of teh table when you want it aligned in teh middle.

[iMage]

see in the screenshot (or on the site) how the category headers ( arcade,adventure etc) all seem to be at the very top of the box? i want them to align to the middle

thanks for reply K3V i will give it a go,i think i tried tht last night tho and it didnt work

[Mr Happy]

Ya now I see the problem and what you want fixed. Personally I think it's this line that need's to be changed

echo '<td valign="top" width="25%">';

to

echo '<td valign="middle" width="25%">';

[iMage]

ok i will try that Happy.. thanks for helping Happy and K3V ( i tried ur solution K3V and didnt work sorry)

Edit: nope tht didnt work either Happy

[iMage]

im wondering with those solutions not working if its in the main css instead?..

im thinking its something maybe in this bit of the css,the tableback1 is teh bg bit there

background:url('images/tableback1.gif') top center;
float:left;
display:block;
margin:0 0 0 0}
.blockdiv h4{
text-align:center;
font-size:95%;
position:relative; 

[r0ck]

whats the css for div class="topcategory"

[-Im.z2ight-]

im wondering with those solutions not working if its in the main css instead?..

im thinking its something maybe in this bit of the css,the tableback1 is teh bg bit there

background:url('images/tableback1.gif') top center;
float:left;
display:block;
margin:0 0 0 0}
.blockdiv h4{
text-align:center;
font-size:95%;
position:relative; 

What css is that for?

Post the div class="topcategory"

Also post the full index code.

[mRAza]

in your main.css file find these lines

.topcategory h2 a, .topcategory h2{
font-size:18px;
text-align:center;
color:#ececec;
text-decoration:none;
margin:-7px 14px 5px auto}

and set the margin of last line to 0 or try other
margin:0px 14px 5px auto