Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][html] Brak odstępu pomiędzy przyciskami
Print_Screen
post 14.10.2012, 16:19:37
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 25.02.2012

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


Mam prośbę bardzo banalną. Chcę wyeliminować przerwy między przyciskami, które się robią w Chrome.

Czy mógłbym prosić o wzór np. 3 zwykłe HTMLowskie przyciski w układzie pionowym, pomiędzy którymi wymuszony jest brak odstępu?
Go to the top of the page
+Quote Post
!*!
post 14.10.2012, 16:23:00
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Jakie przyciski? Użyj na nich marign:0; czymkolwiek są.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Print_Screen
post 14.10.2012, 17:21:22
Post #3





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 25.02.2012

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


Zwykłe przyciski:

  1. <button type="button" style="marign:0">button</button>
  2. <button type="button" style="marign:0">button</button>
  3. <button type="button" style="marign:0">button</button>


Marign:0 nic nie daje, przynajmniej w Chrome. Chcę by były jeden pod drugim i żeby nie było pomiędzy nimi ani piksela przerwy.
Go to the top of the page
+Quote Post
tab
post 14.10.2012, 17:36:24
Post #4





Grupa: Zarejestrowani
Postów: 75
Pomógł: 20
Dołączył: 8.10.2012

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


w takim razie pokombinuj moze z padding? ja tak u siebie kiedys na stronei ustawiałem przyciski.
  1. padding: 20px 0 0 5px;
Go to the top of the page
+Quote Post
Print_Screen
post 14.10.2012, 18:14:09
Post #5





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 25.02.2012

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


To tylko rozciągnęło przyciski. Kurcze myślałem, że to jest banał, a tylko ja mam dziwny problem z tym.
Go to the top of the page
+Quote Post
bostaf
post 14.10.2012, 18:22:45
Post #6





Grupa: Zarejestrowani
Postów: 374
Pomógł: 79
Dołączył: 6.04.2010
Skąd: Ostrów Wielkopolski

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


Ta przerwę generuje nowy wiersz. Nowy wiersz jest renderowany w przeglądarkach tak samo jak spacja. Nawet float:left nie pomaga.
Jeśli umieścisz te buttony w jednej linii, z atrybutem margin:0, to problem zniknie:
  1. <button type="button" style="marign:0">button</button><button type="button" style="marign:0">button</button><button type="button" style="marign:0">button</button>

Czasami to niewygodne i można wykorzystać trick z komentarzem i odrobinkę ostylować: http://jsfiddle.net/XzM68/.
Go to the top of the page
+Quote Post
Th0e
post 14.10.2012, 20:04:32
Post #7





Grupa: Zarejestrowani
Postów: 122
Pomógł: 0
Dołączył: 16.09.2012

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


spróbuj dając na koniec każdej linijki
  1. <br />
Go to the top of the page
+Quote Post
!*!
post 14.10.2012, 20:17:35
Post #8





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Cytat(Print_Screen @ 14.10.2012, 18:21:22 ) *
Marign:0 nic nie daje, przynajmniej w Chrome. Chcę by były jeden pod drugim i żeby nie było pomiędzy nimi ani piksela przerwy.

Nie można, ponieważ button jest generowany systemowo, a te mają z reguły margines. dodaj display:block i masz jeden pod drugim, ostyluj je jakoś, jak zależy Ci na wyglądzie systemowym, to poszukaj na necie gotowców css.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
bostaf
post 14.10.2012, 20:20:06
Post #9





Grupa: Zarejestrowani
Postów: 374
Pomógł: 79
Dołączył: 6.04.2010
Skąd: Ostrów Wielkopolski

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


Cytat(Th0e @ 14.10.2012, 21:04:32 ) *
spróbuj dając na koniec każdej linijki
  1. <br />

Th0e, a Ty spróbowałeś? To pytanie retoryczne, bo nie trzeba próbować zgadywać, że nie próbowałeś smile.gif Inaczej byś wiedział, że to kiepska propozycja.
No i skąd wiesz, że Print_Screen rzeźbi w XHTMLu a nie w HTMLu?
Go to the top of the page
+Quote Post
Print_Screen
post 14.10.2012, 23:04:50
Post #10





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 25.02.2012

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


@ bostaf

Pomogło jednak i w Chrome. Przez chwilę myślałem, że nie, ale jest OK.

Tak, chodziło o HTML.

Wielkie dzięki.

Ten post edytował Print_Screen 14.10.2012, 23:06:47
Go to the top of the page
+Quote Post
!*!
post 15.10.2012, 08:17:43
Post #11





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Cytat(Print_Screen @ 15.10.2012, 00:04:50 ) *
@ bostaf

Pomogło jednak i w Chrome. Przez chwilę myślałem, że nie, ale jest OK.

Tak, chodziło o HTML.

Wielkie dzięki.

Tylko co Ci pomogło? <br />? Na innych systemach i tak będziesz mieć odstęp.


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
bostaf
post 15.10.2012, 08:34:05
Post #12





Grupa: Zarejestrowani
Postów: 374
Pomógł: 79
Dołączył: 6.04.2010
Skąd: Ostrów Wielkopolski

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


Cytat(!*! @ 15.10.2012, 09:17:43 ) *
Tylko co Ci pomogło? <br />? Na innych systemach i tak będziesz mieć odstęp.

To: http://forum.php.pl/index.php?s=&showt...st&p=999380.

PS.
Odpowiedź, która pomogła rozwiązać problem, wyróżniona jest innym kolorem na liście postów w temacie.
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: 30.04.2025 - 08:33