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!newsfeed2.atman.pl!newsfeed.
    atman.pl!.POSTED!not-for-mail
    From: Marek <p...@s...com>
    Newsgroups: pl.comp.www
    Subject: Re: CSS - Niedostępne buttony pod FF
    Date: Tue, 12 Nov 2013 21:18:57 +0100
    Organization: ATMAN - ATM S.A.
    Lines: 56
    Message-ID: <l5u2fh$un6$3@node2.news.atman.pl>
    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> <l5ttco$acb$1@dont-email.me>
    NNTP-Posting-Host: 89-69-209-185.dynamic.chello.pl
    Mime-Version: 1.0
    Content-Type: text/plain; charset=UTF-8; format=flowed
    Content-Transfer-Encoding: 8bit
    X-Trace: node2.news.atman.pl 1384287538 31462 89.69.209.185 (12 Nov 2013 20:18:58
    GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Tue, 12 Nov 2013 20:18:58 +0000 (UTC)
    User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:24.0) Gecko/20100101
    Thunderbird/24.1.0
    In-Reply-To: <l5ttco$acb$1@dont-email.me>
    Xref: news-archive.icm.edu.pl pl.comp.www:402531
    [ ukryj nagłówki ]

    W dniu 2013-11-12 19:52, Paweł Piskorz pisze:

    >
    >>> 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;
    > }

    To się uśmiejesz co ja widzę :-D

    <div class="button">
    tekst pod
    </div>

    a po stronie CSS

    .button {
    background: red;
    width: 62px;
    height: 0px;
    padding-top: 65px;
    display: block;
    position: relative;
    text-align: center;
    overflow: visible;
    }


    --
    Pozdrawiam
    Marek

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: