[HTML][CSS] Centrowanie obrazka Opcje

[-lukasamd-]

Witam,
ostatnio staram się w usuwać ze wszystkiego co mam niepotrzebne znaczniki, tak więc wg. założeń zrobienie:

[HTML] pobierz, plaintext 
<center><img src="adres_obrazka" alt="tytul_obrazka"></center>
[HTML] pobierz, plaintext 

jest niepoprawne. Znalazłem sposób na centrowanie obrazka:

[HTML] pobierz, plaintext 
<img src="adres_obrazka" alt="tytul_obrazka" style="display: block; margin-left: auto; margin-right: auto;">
[HTML] pobierz, plaintext 

Czy to jest jedyny sposób przy użyciu css? Nie wykorzystam text-align bo jest do tekstów a nie obrazków. Poza tym mam jeszcze jedno pytanie, lepiej zamykać img czy nie? Dla walidatora:

[HTML] pobierz, plaintext 
<img src="adres_obrazka" alt="tytul_obrazka" style="display: block; margin-left: auto; margin-right: auto;" />
[HTML] pobierz, plaintext 

Kod jest ok choć daje 1 ostrzeżenie.

[-lukasamd-]

Efekty zabawy:

[HTML] pobierz, plaintext 
<img style="text-align: center;" src="./images/example.jpg" />
[HTML] pobierz, plaintext 

Brak wycentrowania

[HTML] pobierz, plaintext 
<span style="text-align: center;"><img src="./images/example.jpg" />
[HTML] pobierz, plaintext 

Brak wycentrowania

[HTML] pobierz, plaintext 
<DIV style="text-align: center;"><img src="./images/example.jpg" />
[HTML] pobierz, plaintext 

Obrazek wycentrowany

Z tego co czytałem gdzieniegdzie, centrowanie 2 pierwszymi sposobami nie działa na firefoxie a wlaśnie tej przeglądarki używam, na IE7.0 też nie działa u mnie.

Dobra, to albo będę dawał w divach albo to co na samym początku pisałem.

Ten post edytował lukasamd 3.06.2008, 13:10:28