Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]zwlikwidowac spacje
-Gość-
post 7.04.2012, 22:14:33
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
tolomei
post 7.04.2012, 23:08:45
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. }


--------------------
“ Computers are good at following instructions, but not at reading your mind. ”
- Donald Knuth
Go to the top of the page
+Quote Post
-Gość-
post 7.04.2012, 23:18:47
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 7.04.2012, 23:23:56
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... 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


--------------------
“ Computers are good at following instructions, but not at reading your mind. ”
- Donald Knuth
Go to the top of the page
+Quote Post
lukesh
post 8.04.2012, 00:43:44
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.


--------------------
Edumemo.pl - Nauka Języków Obcych
Go to the top of the page
+Quote Post
-Gość-
post 8.04.2012, 12:02:37
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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 8.07.2025 - 22:13