[php] Przerobienie tabeli Opcje

[adam882]

Witam

Mam problem z tłem w wierszu. Zainstalowałem level mod do phpbb i po przerabianiu skryptu napotkałem się na taki problem:

mam kod:

[PHP] pobierz, plaintext 
<?php
<tr>
		  <td colspan="2">
			  <table cellspacing="0" cellpadding="0" border="0">
			  <tr>
			  <td><img src="templates/Conundrum/images/level_mod/mp.bmp" width="1" height="14" /></td>
			  <td background="templates/Conundrum/images/level_mod/mp.bmp" width="{postrow.POSTER_MP_WIDTH}" height="14"><div align="center" style="color:white;font-size:10px;"></div></td>
			  <td><img src="templates/Conundrum/images/level_mod/mp.bmp" width="1" height="14" /></td>
			  <td background="templates/Conundrum/images/level_mod/mpu.bmp" width="{postrow.POSTER_MP_EMPTY}" height="14"></td>
			  <td><img src="templates/Conundrum/images/level_mod/mpu.bmp" width="1" height="14" /></td>
			  </tr>
			  </table>
		  </td>
		<td align="left"><span class="gen">&nbsp;{postrow.POSTER_MP_WIDTH}%</span></td>
	  </tr>
?>
[PHP] pobierz, plaintext 

wyświetla się on następująco:
http://img231.imageshack.us/img231/8171/79776737hf4.jpg


jednak w przypadku kiedy chciałem umieścić tekst w tle to wyszło coś takiego:

[PHP] pobierz, plaintext 
<?php
<tr>
		  <td colspan="2">
			  <table cellspacing="0" cellpadding="0" border="0">
			  <tr>
			  <td><img src="templates/Conundrum/images/level_mod/mp.bmp" width="1" height="14" /></td>
			  <td background="templates/Conundrum/images/level_mod/mp.bmp" width="{postrow.POSTER_MP_WIDTH}" height="14"><div align="center" style="color:white;font-size:10px;">{postrow.POSTER_MP}</div></td>
			  <td><img src="templates/Conundrum/images/level_mod/mp.bmp" width="1" height="14" /></td>
			  <td background="templates/Conundrum/images/level_mod/mpu.bmp" width="{postrow.POSTER_MP_EMPTY}" height="14"></td>
			  <td><img src="templates/Conundrum/images/level_mod/mpu.bmp" width="1" height="14" /></td>
			  </tr>
			  </table>
		  </td>
		<td align="left"><span class="gen">&nbsp;{postrow.POSTER_MP_WIDTH}%</span></td>
	  </tr>
?>
[PHP] pobierz, plaintext 

http://img231.imageshack.us/img231/7708/41768886sq8.jpg

chciałbym, aby wyglądało to tak: http://img378.imageshack.us/img378/856/72772597ro7.jpg , co mi możecie doradzić?

[sniezny_wilk]

Zrób to na divach, będzie łatwiej.

[adam882]

może łatwiej, ale zastanawiam się jak zrobić wyśrodkowany tekst pomiędzy dwoma divami o różnej szerokości (każdy ma inny kolor wypełnienia). Chcę, aby wyglądało to jak na ostatnim screenie - wydaje mi się, że tutaj potrzebny jest jakiś specjalny kod

[erix]

Albo div o szerokości równej obu połówkom paska i przez position: relative przesunięty nad paski (wtedy łatwo wyśrodkować ;]), albo w jednym divie wyrównaj do prawej, a w drugim do lewej i widzę, że chyba to drugie rozwiązanie by bardziej pasowało.