Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Pozycja obrazka i margines
Forum PHP.pl > Forum > Przedszkole
Robert007
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
Sephirus
Hmm a może jakiś kodzik albo link? smile.gif
sada
IE jest bardzo czuły na spacje w kodzie między znacznikami .
Wykasuj spacje między znacznikami czyli:
zamiast
  1. <div> <img src=""/> </div>

tak
  1. <div><img src=""/></div>
Robert007
Cytat
IE jest bardzo czuły na spacje w kodzie między znacznikami .


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.
sada
może
  1. img{margin:0;padding:0;border:0;}

w css
Robert007
To nic nie dało. To samo.
sada
ten obrazek nie ma napewno tych marginesów w sobie?
Robert007
Może po prostu nie czyta stylu i ustawia własne? Musi się dać jakoś.
sada
podglądnij firebugiem czy ten styl nie jest nadpisany jakimś stylem
Robert007
Firebug raczej jest na FF, a nie na IE. Problem tkwi w IE jedynie jak dodam

Kod
<img src="link" align="left"/>
CuteOne
  1. .images {
  2. margin:0px;
  3. padding:0px;
  4. float:left;
  5. display:inline-block;
  6. }
  7.  
  8. <div>
  9. <img src="#" class="images"><img src="#" class="images">
  10. <div style="clear:both"></div>
  11. </div>
Robert007
Niestety efekt jest ten sam jak align. Też nie dolega.
sada
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.