[php] Centrowanie listy rozwijanej. Opcje

[kopek]

Taki oto fragment kodu:

[PHP] pobierz, plaintext 
<td align="center">
<select name="lista_do[]" multiple="multiple">
<?include ("lista.txt")?>
</select>
</td>
[PHP] pobierz, plaintext 

Całe pole z listą jest wyśrodkowane w komórce ale jak wyśrodkować elementy listy?

a to plik lista.txt

[HTML] pobierz, plaintext 
<option disabled selected></option>
<option>Białystok</option>
<option>Bydgoszcz</option>
<option>Gliwice</option>
<option>Gorzów</option>                        
<option>Grudziądz</option>                        
<option>Kraków</option>                        
<option>Lublin</option>                        
<option>Łódź</option>                        
<option>Olsztyn</option>                        
<option>Opole</option>                        
<option>Poznań</option>                        
<option>Rzeszów</option>                        
<option>Szczecin</option>                        
<option>Warszawa</option>                        
<option>Wrocław</option>                        
<option>Zgierz</option>                        
<option>Żary</option>
[HTML] pobierz, plaintext 

Ten post edytował kopek 12.01.2011, 10:19:18

[webdice]

Z tego co wiem, nie da się wyśrodkować tekstu w option.

[ciekawskiii]

Tez mi sie tak wydaje, nigdzie jeszcze wysrodkowanej listy nie widzialem

[flashdev]

Można napisać w js kod, który listę rozwijaną przekształci w pseudolistę czyli obiekt, który tylko wygląda i zachowuje się jak rozwijana lista. Tam możesz spokojnie wyśrodkować elementy a nawet dodać inne nietypowe elementy jak pola typu checkbox, butoon itp.

[benio101]

[PHP] pobierz, plaintext 
// $max zawiera ilość znaków najdłuższego wyrażenia
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<script>
var max=<? echo $max; ?>; // W przykładzie 19
 
function pisz(slowo){
	var n=Math.floor(0.5*(max-slowo.length));
	while(--n>=0)
		document.write("&nbsp;");
	document.write(slowo);
}
</script>
<select style="font-family: Courier">
	<option><script>pisz('Test');</script></option>
	<option><script>pisz('Oto jest test nr 2.');</script></option>
	<option><script>pisz('3');</script></option>
	<option><script>pisz('Teścik 4.');</script></option>
	<option><script>pisz('Piąty');</script></option>
	<option><script>pisz('No i ostatni');</script></option>
</select>
[PHP] pobierz, plaintext