eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - Niedostępne buttony pod FFRe: CSS - Niedostępne buttony pod FF
  • Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!news.cyf-kr.edu.pl!news.nask
    .pl!news.nask.org.pl!news.unit0.net!eternal-september.org!feeder.eternal-septem
    ber.org!news.eternal-september.org!.POSTED!not-for-mail
    From: Paweł Piskorz <n...@p...nie>
    Newsgroups: pl.comp.www
    Subject: Re: CSS - Niedostępne buttony pod FF
    Date: Tue, 12 Nov 2013 19:52:02 +0100
    Organization: A noiseless patient Spider
    Lines: 46
    Message-ID: <l5ttco$acb$1@dont-email.me>
    References: <l5bsdo$va0$1@node2.news.atman.pl> <l5l876$gt7$1@dont-email.me>
    <l5nr6u$pb5$1@node2.news.atman.pl> <l5t0eb$pho$1@dont-email.me>
    <l5tivr$f45$1@node2.news.atman.pl>
    Mime-Version: 1.0
    Content-Type: text/plain; charset=UTF-8; format=flowed
    Content-Transfer-Encoding: 8bit
    Injection-Date: Tue, 12 Nov 2013 18:52:08 +0000 (UTC)
    Injection-Info: mx05.eternal-september.org;
    posting-host="291bd231d98f6e93a20780d7f196557b";
    logging-data="10635";
    mail-complaints-to="a...@e...org";
    posting-account="U2FsdGVkX18X0tE8DFlTPfoDRrQfOcYy"
    User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101
    Thunderbird/24.1.0 Hamster/2.1.0.11
    In-Reply-To: <l5tivr$f45$1@node2.news.atman.pl>
    Cancel-Lock: sha1:IScHVmghXKhfd/+3C4sZ61wNyZI=
    Xref: news-archive.icm.edu.pl pl.comp.www:402524
    [ ukryj nagłówki ]

    W dniu 2013-11-12 16:54, Marek pisze:
    > W dniu 2013-11-12 11:37, Paweł Piskorz pisze:
    >>
    >> Skoro znasz wysokość buttona (204px), to nadaj mu ujemny margines górny
    >> o wartości połowy tej wysokości (-102px) i działaj na buttonie,
    >
    > Czyli ujemny margines zadziała przy top: 50% jako środek w procentach
    > minus górny margines w pikselach? I to zadziała wszędzie? Jeśli tak, to
    > bomba :-)

    Zadziała wszędzie.

    >> nie na
    >> pseudoelementach:
    >> http://codepen.io/anon/pen/tCeEL
    >> (jsfiddle ma czkawkę, toteż wrzuciłem na codepen)
    >
    > Czy to adekwatny przykład? Bo mi się wydaje, ze dotyczy on innego mojego
    > wątku dotyczącego błędów z wychodzeniem tekstu poza obrys buttona.
    > Zresztą i tak ten przykład nie jest adekwatny bo podajesz tu DIVa a nie
    > BUTTON'a.

    Hmm, chyba Ci się coś nie teges kliknęło, albo mnie codepen oszukuje.
    W polu HTML mam:
    <button id="switchLeft"></button>
    a w CSS:
    #switchLeft {
    display:block;
    width: 32px;
    height: 204px;
    margin-top:-102px;
    position: fixed;
    left: 0;
    top: 50%;
    padding: 0;
    background-color: #F00;
    }

    #switchLeft:hover {
    background-color: #00F;
    }


    --
    Pozdrawiam,
    Paweł "PablO" Piskorz

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: