Re: CSS - Niedostępne buttony pod FF - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - Niedostępne buttony pod FF › Re: 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!news.supermedia.pl!news.nask.pl!news.nask.org.pl!news.unit0.net!eterna
l-september.org!feeder.eternal-september.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: Wed, 13 Nov 2013 12:21:02 +0100
Organization: A noiseless patient Spider
Lines: 50
Message-ID: <l5vnb1$bni$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> <l5ttco$acb$1@dont-email.me>
<l5u2fh$un6$3@node2.news.atman.pl>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
Injection-Date: Wed, 13 Nov 2013 11:21:05 +0000 (UTC)
Injection-Info: mx05.eternal-september.org;
posting-host="291bd231d98f6e93a20780d7f196557b";
logging-data="12018";
mail-complaints-to="a...@e...org";
posting-account="U2FsdGVkX19mINeYJWySES8y5vZw0FcA"
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: <l5u2fh$un6$3@node2.news.atman.pl>
Cancel-Lock: sha1:0uGrhU6wK/5d2Aviw0eGjMzRe8w=
Xref: news-archive.icm.edu.pl pl.comp.www:402541
[ ukryj nagłówki ]
W dniu 2013-11-12 21:18, Marek pisze:
> W dniu 2013-11-12 19:52, Paweł Piskorz pisze:
>
>> 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;
> }

Haha, to jednak zostańmy przy jsfiddle:
http://jsfiddle.net/KjJfQ/
:)

--
Pozdrawiam,
Paweł "PablO" Piskorz