Wygląda to tak (pozwoliłem sobie użyć tagu CODE):

[HTML] pobierz, plaintext 
//"kodzik"
<div style="margin: 0 auto; border: 1px dotted #CCC; float: left; display: inline; padding: 2px;">
<img src="adres" alt="" style="display: block; " />
podpis</div>
[HTML] pobierz, plaintext 

Zrobiłem sobie kodzik, który wdzięcznie, aby ułatwić komunikację z wami, nazwałem "kodzik". Co on robi? Powoduje wyświetlenie obrazka w postaci zaprezentowanej powyżej.

Wszystko fajnie, ale pojawia się problem z położeniem tego okienka. Do wybierania położenia chciałbym stworzyć tagi [ left ], [ right ], [ centre ] (! Ha! Po brytyjsku D) co odpowiednio zamienia na <div style="float: left;">, <div style="float: right;"> i <div style="margin: 0 auto;"> .

Okay, kodzik świetnie sprawuje się z [ left ] i [ right ], ale z [ centre ] - nie, bo w <div style="margin: 0 auto;"> muszę podać szerokość, a to będzie bbcode, więc automatyczność jest konieczna.

Mógłbym użyć PHP do sprawdzania szerokości obrazka, a następnie wstawianie jej do width DIV-a wyśrodkowującego, ale nie chcę, bo sprawdzanie istnienia obrazka z serwera zewnętrznego spowalnia ładowanie strony.
Wszystko utrudnia to, że chcę zrobić to w postaci bbcode, więc nie będę miał dostępu do style DIV-a, żeby móc zmienić jego szerokość, a na dodatek tego nie chcę.



Krótko mówiąc, chodzi mi o rozwiązanie problemu z [ centre ], które w rzeczywistości nie wyśrodkowuje kodziku.

(Post może być chaotyczny, bo napisałem go trochę wcześnie, i jeden problem już rozwiązałem, więc ten post był sklejanką poprzedniego, nieopublikowanego.)


Jakieś pomysły?
Z góry dziękuję.
Pozdrawiam.

-----------------------------
Nie wierzę, że nikt nie wie. Panie, panowie, pobudka! ^^