[RESOLVED] iteration displays outside of intended table

clairence

I'm trying to display a table of images, organized horizontally by category and vertically by date. Some dates may have more than one image, but most will only have one.
This is the code I've come up with, and was confident would work, but doesn't:

# write it all out
echo'<p>The "current" file is outlined in <span style="color:red;">red</span>. "Future" files are outlined in <span style="color:#00f;">blue</span>. All the others are archived.</p>'."\r\n";
echo'<table style="width:2000px;">';
## iterate through FileIDs
foreach($FileName as $nkey=>$nval){
  echo'<tr><td style="border-top:1px dotted #222;clear:both;"><h3>'.$nval.'</h3></td>'."\r\n";
  $ct=0;
  foreach($fileinfo as $fa=>$fb){ 
	$style='';  

	$q=intval($fb['FilesRelevance']); // nn to n    

	if ($q!==$nkey){continue;} 
	// ^^ if the data we're looking at isn't for this FilesRelevance, move on
	// otherwise...
	$ct++;
	$fm=$fb['FilesMonth'];
	$fy=$fb['FilesYear'];
	$fn=$fb['FilesName'];  //sltdsxxxxxx
	$fc=$fb['Current'];
	if($fc=='1'){$style='style="border: 1px solid #f00;" ';}
	$ff=$fb['Future'];    

	if($ff=='1'){$style='style="border: 1px solid #00f;" ';}	

$mo=date("F", mktime(0, 0, 0, ($fm)));	//should return full month name of previous month (m=MM, F=Month)     
echo'<td class="stuff">';
echo'&nbsp;&nbsp;'.' '.$nval.' '.$mo.', 20'.$fy.'<br>'."\r\n";
## adding for multiple images per month
$fileloc=$fn;   
include('/home/myurl/www/www/folder/jpegsDirectory.php'); // jpegsDirectory finds all that have $fileloc in name, returns $files[] array
//print_r($files);
foreach($files as $fival){
	$floc='http://myurl.com/folder/'.$fival;
	echo'&nbsp;&nbsp;<img src="'.$floc.'" height="250px" width="250px" '.$style.'alt="'.$nval.'" /></td> '."\r\n";
}
  }
  //if($ct==0){echo'&nbsp;&nbsp; NONE.'."\r\n";}
  echo'</tr>';
}
echo'</table>';

This will display the informational paragraph, then the table with each row and column.
But what happens is, the first row has a column with multiple images... and that group of images displays BEFORE the table, after the informational paragraph.
I can't figure out how that happens.
Any help would be appreciated.

NogDog

It might be easier to figure out where the problem is by doing a "view source" of the resulting HTML, possibly running it through the HTML validator to see if something is malformed or missing in the mark-up.

clairence

Thank you.

I took your advice and ran it through. Found a couple of stupid style errors, but the big problem was quite confusingly described in the validator:
Misplaced non-space characters insided a table.
Well all those characters were right where they belonged. But aha! I was starting the <td> outside of the foreach loop but ending it inside the foreach loop, which gave <td></td></td></td> etc. Moving the </td> outside of the loop did the trick. But I'm sure you already knew that. =)

I put the images in <div>s so they line up vertically. And now it is as I intended.

Thanks for the direction.