Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]zwlikwidowac spacje
-Gość-
post
Post #1





Goście







Witam

Mam dwa elementy z display: inline; w 2 roznych wierszach - powstaje spacja

np. tak
  1. <div id="box">
  2. <img src="obrazek1.png">
  3. <img src="obrazek2.png">
  4. </div>


co daje takie efekt: [obrazek1] [obrazek2], a chcialbym [obrazek1][obrazek2]
mozna jakos wylaczyc wyswietlanie tej spacji?
moge dac np. float: left; w jednym i drugim obrazku, ale nie chce z pewnych wzgledow
moge tez dac font-size: 0px; w div#box, ale to tez wydaje mi sie lamerskim sposobem
jest na to jakas fotowa funkcja?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----


Witaj.

Wstaw obrazki w jednym wierszu bez spacji i po sprawie. Nie widzę problemu.

A jeśli nie możesz to daj taki CSS:

  1. img{
  2. display: block;
  3. float:left;
  4. }
Go to the top of the page
+Quote Post
-Gość-
post
Post #3





Goście







pisalem, ze nie chce tego robic przy pomocy float. Kurcze... przychodze na nowe forum i nie chce byc od razu dupkiem... ale musze zapytac: czytales mojego posta?
w jendym wierszu tez nie chce.

najlepszy sposob jaki do tej pory wymyslilem to font-size: 0px; i wtedy spacja ma szerokosc 0px
ale mysle, ze w css jest to przewidziane i mozna to zrobic inaczej - pytanie tylko jak:)
Go to the top of the page
+Quote Post
tolomei
post
Post #4





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----


Czytałem, ale właśnie wróciłem z imprezy więc wybacz... (IMG:style_emoticons/default/smile.gif)

Istnieje też rozwiązanie za pomocą JavaScriptu, ale nie wiem czy Cię to interesuje.

Ten post edytował tolomei 7.04.2012, 23:24:36
Go to the top of the page
+Quote Post
lukesh
post
Post #5





Grupa: Zarejestrowani
Postów: 113
Pomógł: 14
Dołączył: 25.08.2006

Ostrzeżenie: (0%)
-----


Ja myślę, że nie pozostaje Ci nic innego, jak zastosować jedną z opcji, o których wspomniał tolomei. Mógłbyś użyć JS i stworzyć dwa elementy, ale co to da, skoro JS i tak zrobi to, co możesz zrobić Ty - czyli wsadzi dwa obrazki obok siebie.
Widziałem kiedyś post na jakimś forum, ktoś zaproponował, żeby elementy otoczyć komentarzami, ale jakoś coś takiego mi nie chciało działać. Aczkolwiek, możesz spróbować. Ale wygląda to chyba jeszcze bardziej, jak to mówisz, "lamersko" niż dwa obrazki obok siebie.
Go to the top of the page
+Quote Post
-Gość-
post
Post #6





Goście







narazie pozostane przy opcji z font-size: 0px; - spacja tam jest, ale nie zajmuje miejsca.
tak czy inaczej - dzieki za zaangazowanie:)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 17:34