Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][html] Brak odstępu pomiędzy przyciskami
Forum PHP.pl > Forum > Przedszkole
Print_Screen
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?
!*!
Jakie przyciski? Użyj na nich marign:0; czymkolwiek są.
Print_Screen
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.
tab
w takim razie pokombinuj moze z padding? ja tak u siebie kiedys na stronei ustawiałem przyciski.
  1. padding: 20px 0 0 5px;
Print_Screen
To tylko rozciągnęło przyciski. Kurcze myślałem, że to jest banał, a tylko ja mam dziwny problem z tym.
bostaf
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/.
Th0e
spróbuj dając na koniec każdej linijki
  1. <br />
!*!
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.
bostaf
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?
Print_Screen
@ 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.
!*!
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.
bostaf
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.
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.