Как разработать html расписание

Question

В настоящее время я работаю над проектом, где мне нужно распечатать график уроков. Вот ссылка на тот, который я создал http://conorhackett.com/tt/.

Теперь он отлично работает, но я бы хотел иметь больше контроля над ним. Если вы посмотрите на код, вы увидите, что я имею в виду. Html/css очень грязный.

Я пытался сделать это с помощью html-стола, но он не выглядел великолепно со всеми строками.

Есть ли какие-либо основания для меня, которые я мог бы использовать в качестве базы.?

Любой adive высоко оценили :)

--Conor

Обновление:

Привет ребята,

Я решил вернуться в HTML таблицу. Я испытываю крайние затруднения, когда ломаю голову над логикой, используемой для печати данных.

Вот мой код для печати таблицы:

 foreach($bookingList->result_array() as $row) 
    { 

     $time = $row['start_time']. ' - ' .$row['end_time']; 
     $lesson = $row['lesson_type_name']; 
     $client = $row['client_firstname']. ' ' .$row['client_lastname']; 
     $horse = $row['horse_name']; 
     $fee = $row['fee']; 


     if(empty($prevLesson) && empty($prevTime)) 
     { 
      echo '1'; 
      $timeArr .= $time; 
      $lessonArr .= $lesson; 
      $clientArr .= $client; 
      $horseArr .= $horse; 
      $feeArr  .= $fee.'-'.$i; 


     } 
     elseif($prevLesson == $lesson && $prevTime == $time) 
     {    

      echo '3'; 
      echo '<br/>Previous: '.$prevTime.'++'.$prevLesson.'-'.$i.'<br/>'; 
      echo '<br/>Current: '.$time.'++'.$lesson.'-'.$i.'<br/>'; 

      $timeArr .= $time; 
      $lessonArr .= $lesson; 
      $clientArr .= $client; 
      $horseArr .= $horse; 
      $feeArr  .= $fee.'-'.$i; 







     } 
     else 
     { 


      echo '3'; 

      echo '<tr>'; 

      echo '<td>(3)'. $timeArr .'</td>'; 
      echo '<td>'. $lessonArr .'</td>'; 
      echo '<td>'. $clientArr .'</td>'; 
      echo '<td>'. $horseArr .'</td>'; 
      echo '<td>'. $feeArr.'</td>'; 
      echo '<td>'. $i.'</td>'; 

      echo '</tr>'; 

      $timeArr = ' '; 
      $lessonArr = ' '; 
      $clientArr = ' '; 
      $horseArr = ' '; 
      $feeArr = ' '; 
      $optionsArr = ' '; 

      $timeArr .= $time.'<br/>'; 
      $lessonArr .= $lesson.'<br/>'; 
      $clientArr .= $client.'<br/>'; 
      $horseArr .= $horse.'<br/>'; 
      $feeArr  .= $fee.'-'.$i.'<br/>'; 






     } 
     $prevTime = $time; 
     $prevLesson = $lesson; 
     $i += 1; 
    } 

Идея для печати является: Чтение данных из БД и хранить в строке. когда данные изменяются (время и тип урока), печатайте сохраненную строку, очищайте ее и назначайте новые (разные данные) в строку печати.

Я поставил код как есть .. Я сейчас так расстроен и устал. Я потратил 3 часа каждый вечер на этой неделе, пытаясь закончить и каждый раз проваливался. Если вы готовы помочь мне и вам нужно более подробно, просто позвольте мне сейчас.

Любая помощь действительно оценена .. Спасибо.

Answer 1

Soln: После завершения цикла foreach у меня все еще были данные в строке печати. Я просто повторяю, что после цикла foreach он все решает. Спасибо за помощь.

Answer 2

Дайте столы еще один снимок, используя это:

table { 
    border-collapse: collapse; 
} 

Answer 3

В дополнении к предложению Amadan, рассмотрите с помощью colspan и rowspan, чтобы каждый ящик занимает пространство, необходимое. Просмотрите исходный код на theseexamples, чтобы посмотреть, что я имею в виду.