Question

I have this simple loop:

foreach ($links as $link)
{   
    echo '<div>';
        echo '<table>';

        echo '<tr><td class="fullwidth"><a class="preview_img" href="' . $link . '"><img src="' . $link . '" title="Click to enlarge" width="300" class="thumb" /></a></td></tr>';

        echo '<tr><td><span class="default">Direct:</span>&nbsp;';
        echo '<input type="text" readonly="readonly" class="link-area" onmouseover="this.select();" value="' . $link . '" />'; 
        echo '</td></tr>';

        echo '<hr /><br>';
        echo '</table>';
        echo '<br>';
    echo '</div>';
}
?>

And the <HR> shows up in pretty weird way. The horizontal line shows up in the beginning of the loop too, something that should not be happening, because I need ALL except the first loop entry to include the <HR>. I tried to be as clear as possible, hopefully I was. If there is any way to help me, please do it :).

Thanks

Answer 1

You have to do

     $flag = false;
     foreach ($links as $link)
    {   
        if ($flag)
             echo '<div class='line'>';
        else
            echo '<div>';
            echo '<table>';
           echo '<tr>';
          echo '<td class="fullwidth"><a class="preview_img" href="' . $link . '"><img src="' . $link . '" title="Click to enlarge" width="300" class="thumb" /></a></td>'
  echo '</tr>';
           echo '<tr>';
             echo '<td><span class="default">Direct:</span>&nbsp;';
             echo '<input type="text" readonly="readonly" class="link-area" onmouseover="this.select();" value="' . $link . '" />'; 
            echo '</td></tr>';
            echo '</table>';
        echo '</div>';
      $flag=true;
    }
    ?>

With the class=’line’ you can manage border and distance between div
without use hr and br