Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Puste miejsce pod <img>
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
spit
Cześć,
Natknąłem się na ten problem już kilkakrotnie, ale radziłem sobie obchodząc go. Teraz chciałbym jednak konkretów. Otóż, podczas wstawiania obrazka
  1. <img src="images/lay_02.jpg" alt="" width="810" height="142" /><img src="images/lay_04.jpg" alt="" width="230" height="83" /><img src="images/lay_05.jpg" alt="" width="81" height="83" /><img src="images/lay_06.jpg" alt="" width="60" height="83" /><img src="images/lay_07.jpg" alt="" width="47" height="83" /><img src="images/lay_08.jpg" alt="" width="64" height="83" /><img src="images/lay_09.jpg" alt="" width="32" height="83" /><img src="images/lay_10.jpg" alt="" width="32" height="83" /><img src="images/lay_11.jpg" alt="" width="34" height="83" /><img src="images/lay_12.jpg" alt="" width="230" height="83" />
pod każdym z nich pojawia się mniej więcej 10px odstęp. Jakby margines, tyle że ustawiłem już w css
  1. * { margin: 0px; padding: 0px }
Co to może być, i jak sobie z tym radzić? Co prawda sam wpadłem na pomysł, by dawać obrazkom display: block, ale potem muszę je floatować, by były koło siebie, no i siłować się z innymi elementami. Jakieś rady?
nevt
może tak:
  1. <span style="font-size: 0px; line-height:0px"> twoje obrazki </span>

powodzenia.
spit
Niestety, to nie działa. Na chwilę obecną nie mam wyboru, jak użyć wspomnianego sposobu z floatowaniem, czas goni smile.gif Niemniej jednak temat, mam nadzieję, zostanie otwarty, bo, jak przypuszczam, to nie jest jedynie mój problem.
Dodam także, iż próbowałem "triku" znanego z list, czyli
  1. <img src="images/lay_02.jpg" alt="" width="810" height="142"
  2. /><img src="images/lay_04.jpg" alt="" width="230" height="83"
  3. />
  4. ...

Ten niestety nie działa tutaj. Także pisanie w jednej linijce wszystkiego, jak na początku nie daje rezultatu.
Mati7
FF wyświetla obrazki jako elementy liniowe (tak jak: text) więc obrazki są wyrównane do lini bazowej.
Można wpisać w stylach display: block; wtedy obrazki wyświetlają się jak elementy blokowe.

Można też wpisać vertical-align:text-bottom; i to powinno załatwić sprawę
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.