Mam takie pytanie, wczoraj postanowiłem zrobić sobie mapkę (w sumie nie wiem po co - chyba dla rozrywki - w każdym razie nie ważne). Z początku zrobiłem mapkę ( http://mouse.one.pl/~rysh/mapa.php ) na tabelkach, jednak później postanowiłem wykonać ją na div'ach. Jedna i druga metoda wyglądała identycznie, jednak moje pytanie dotyczy kiedy należy używać div a kiedy table.
Div - tworzenie layoutu
Table - do wyświetlania danych

W jakich okolicznościach jakiej metody używacie, kiedy div a kiedy table?
Co z formularzami? Czym jest np w takim wypadku mapa - i jakiej metody użyć do niej?

I przy okazji, czy dobrze wykonałem to na divach (CSS w źródle strony).

[PHP] pobierz, plaintext 
$pion = 0;
while ($pion < 15) {
	$poziom = 0;
	echo "<div class=\"poziom\">\n";
	while ($poziom < 15) {
		$co = rand(0,9);
		if ($poziom == 7 && $pion == 7) {
			echo "<div class=\"ty\"></div>\n";
		} else {
			if ($co == 0) {
				echo "<div class=\"skala\"></div>\n";
			} else {
				echo "<div class=\"trawa\"></div>\n";
			}
		}
		$poziom += 1;
	}
	echo "</div>\n";
	$pion += 1;
}
?>
[PHP] pobierz, plaintext 

Jeśli chodzi o semantykę to w tym przypadku lepsze będą div-y. Poczytaj: http://osiolki.net/tabelki/

Najprościej rzecz ujmując... dane tabelaryczne czyli jakieś zestawienia, tabele danych - tabela. Wszystko inne - div. Tak więc formularze podchodzą pod to drugie - div więc jest stosowany. Mapa to także dane nietabelaryczne = div

Chciałbym zrobić w divie 'your' tekst był wyśrodkowany w pionie i poziomie. O ile text-align: center; działa to vertical-align: middle; nie.


Oto kod generujący mapkę:

[PHP] pobierz, plaintext 
echo "<div class=\"mapa\">\n";
for ($i = 0 ; $i < 225 ; $i++) {
	if ($mapa[$i]['wlasciciel'] == 'koniec') {
		echo "<div class=\"pole\" id=\"koniec\"> </div>\n";
	} elseif ($mapa[$i]['wlasciciel'] == $_SESSION['id']) {
		echo "<div class=\"pole\" id=\"your\">". $mapa[$i]['wojsko'] ."</div>\n";
	} elseif ($mapa[$i]['wlasciciel'] == null) {
		echo "<div class=\"pole\" id=\"notset\"> </div>\n";
	}
	if ((($i+1)%15) == 0) {
		echo "<br />";
	}
}
echo "</div>\n";
[PHP] pobierz, plaintext 

A ja tam z innej beczki. Zamiast męczyć się z takim zapisem:

[PHP] pobierz, plaintext 
echo "<div class=\"pole\" id=\"koniec\"> </div>\n";
[PHP] pobierz, plaintext 

napisz po prostu:

[PHP] pobierz, plaintext 
echo '<div class="pole" id="koniec"> </div>'."\n";
[PHP] pobierz, plaintext 

Z vertical-align będziesz miał problemy, bo różnie działa to pod przeglądarkami. Mając jednak stałą wysokość dlaczego po prostu nie ustawisz odpowiedniego marginesu od góry, aby treść znalazła się w połowie wysokości? Żeby nie było, sposób typu vertical-align, też jest możliwy, ale wymaga to więcej zachodu, niż jest warte.

Próbowałem zrobić tak jak mówisz. Efekt:
http://wstaw.org/w/2tU/

Kod css podałeś. Mógłbyś też wynikowy html dać, zamiast tej papki w php? Choćby link to tego, czego screen wkleileś.

edit: adres usunięty - z powodu braku zabezpieczeń

Ach, w tym problem. W takim razie, nie margin-top, a padding-top. Jeżeli Twój div ma mieć 40px wysokości, a ustawisz mu padding-top:14px, to jego wysokość wyniesie 54px. Dlatego też powinieneś zmienić na np. padding-top:14px, height: 26px;

Pozdrawiam