Forum PHP.pl

Witam.

Mam problem z obrazkiem na IE 8.0. Na FF oraz Chrome jest ok.
Chodzi tu o pozycjonowanie img czyli align left oraz right. Jeżeli wstawiam obrazek normalnie bez pozycji to jest ok. Natomiast jeżeli używam align to na IE właśnie powstaje przed obrazkiem margines. Jak ten margines usunąć? Te obrazki to są boki cellpic'a

Hmm a może jakiś kodzik albo link?

IE jest bardzo czuły na spacje w kodzie między znacznikami .
Wykasuj spacje między znacznikami czyli:
zamiast

[HTML] pobierz, plaintext 
<div> <img src=""/>  </div>
[HTML] pobierz, plaintext 

tak

[HTML] pobierz, plaintext 
<div><img src=""/></div>
[HTML] pobierz, plaintext 

Oczywiście wiem o tym. Już próbowałem i niestety nadal jest.
Obrazek: http://iv.pl/images/96844885835516438713.jpg


Jeżeli wstawię obrazek lewy bez align to ładnie przylega.

Ten post edytował Robert007 27.08.2011, 14:47:48

może

[CSS] pobierz, plaintext 
img{margin:0;padding:0;border:0;}
[CSS] pobierz, plaintext 

w css

To nic nie dało. To samo.

ten obrazek nie ma napewno tych marginesów w sobie?

Może po prostu nie czyta stylu i ustawia własne? Musi się dać jakoś.

podglądnij firebugiem czy ten styl nie jest nadpisany jakimś stylem

Firebug raczej jest na FF, a nie na IE. Problem tkwi w IE jedynie jak dodam

[HTML] pobierz, plaintext 
<style>
.images {
margin:0px;
padding:0px;
float:left;
display:inline-block;
}
</style>
 
<div>
<img src="#" class="images"><img src="#" class="images">
<div style="clear:both"></div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował CuteOne 27.08.2011, 21:19:11

Niestety efekt jest ten sam jak align. Też nie dolega.

zamiast align w img
daj text-align w dla kontenera dla tego obrazka w CSS

sprawdź czy kontener w którym jest ten obrazek nie ma jakiegoś paddingu


Ten post edytował sada 28.08.2011, 10:43:43