eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - Niedostępne buttony pod FFRe: CSS - Niedostępne buttony pod FF
  • Data: 2013-11-12 19:52:02
    Temat: Re: CSS - Niedostępne buttony pod FF
    Od: Paweł Piskorz <n...@p...nie> szukaj wiadomości tego autora
    [ pokaż wszystkie 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: