Миникарта на php

<?php 

  $sql_grid = "select g.x , g.y , g.color from grid g";

	    $query = mysql_query($sql_grid);

  while ($r = mysql_fetch_assoc($query))

  {

	switch ($r['color'])

		{

		 case 1:$color_r = 1; break;

		 case 2:$color_r = 2; break;

		 case 3:$color_r = 3; break;

		 case 4:$color_r = 4; break;

		 case 5:$color_r = 5; break;

		 case 6:$color_r = 6; break;

		}

		

	echo  $color_r;

	if ($r['y'] == 49)

	{

		

		echo '<br>';

	}

  

  }

  

  

  ?>

Значит делаю миникарту. Она находится в БД. Сначала без оформления, просто циферками, значения color. Все более менее работает. Решил в CSS написать квадратик 4x4 определенного цвета. Вот пример :

div.sector_skyblue

{

	width: 4px;

	height: 4px;

	background: skyblue;

}

Может в нем проблема, просто не гуру CSS. Хотя я не думаю так.

Далее преобразую код с использованием дивов.

Вот :

<?php 

  $sql_grid = "select g.x , g.y , g.color from grid g";

	    $query = mysql_query($sql_grid);

  while ($r = mysql_fetch_assoc($query))

  {

	switch ($r['color'])

		{

		 case 1:echo '<div class = "sector_skyblue"></div> '; break;

		 case 2:echo '<div class = "sector_limegreen"></div> '; break;

		 case 3:echo '<div class = "sector_gold"></div> '; break;

		 case 4:echo '<div class = "sector_goldenrod"></div> '; break;

		 case 5:echo '<div class = "sector_saddlebrown"></div> '; break;

		 case 6:echo '<div class = "sector_limegreen"></div> '; break;

		}

		

	echo  $color_r;

	if ($r['y'] == 49)

	{

		

		echo '<br>';

	}

  

  }

  

  

  ?>

Вот на картинках показано что с циферками не в один столбец, а с использованием дивов, один столбец. Задача в том что бы эти столбцы стояли с лева на право. Если нужна доп информация то спрашивайте.