eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - problem z paddingiem buttonówRe: CSS - problem z paddingiem buttonów
  • Data: 2013-11-05 12:20:04
    Temat: Re: CSS - problem z paddingiem buttonów
    Od: NotBear <p...@i...pl> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    W dniu 2013-11-05 10:38, Marek pisze:
    > Więc jeśli domyślnie FF ma button {overflow: hidden} i nie postąpisz tak
    > jak napisałem (overflow: visible), to również pod FF otrzymałbyś
    > obcinanie. Prawda? Możesz to sprawdzić samodzielnie.

    Nie wiem czy dobrze sie rozumiemy.
    Overflow z definicji ma poczatkowa wartosc "visible" jesli nie zostanie
    zdefiniowane inaczej w CSS przegladarki lub we wlasnym CSS. Dlatego nic
    nie przestawialem w swoim przykladzie, bo nie bylo takiej potrzeby,
    skoro wymagane bylo wyjscie poza granice elementu.

    O ile mi wiadomo ani FF ani Chrome nie ustawiaja domyslnie overflow dla
    <button>. Jesli w swoim CSS ustawie button{overflow:hidden;}, to tak,
    zarowno w CH jak i FF wszystko się przytnie.

    Dygresja: Chrome domyslnie dodaje kontrolkom wlasnosc -webkit-appearance
    co tez warto wziac pod uwage przy redefiniowaniu wygladu kontrolek.


    > Swoją drogą button to bardzo dziwny element. [...]W konsekwencji zaczynam stosować
    <div class"button"> albo <div
    > class="fieldset">, czego ze względów choćby semantycznych nie powinno
    > się robić.

    Moim zdaniem lepsza jest konstrukcja z dodatkowym elementem wewnatrz
    buttona i "zniknieciem" samego buttona. Zachowuje semantykę, a
    jednoczesnie daje sie stylowac bez przeszkod.


    --
    NotBear

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: