Witam,

W sieci jest pełno nie działających przykładów usuwania bug'a FF
polegajcego na braku możliwości wycentrowania w pionie tekstu w buttonach.
Widziałem coś takiego:

button::-moz-focus-inner /*Remove button padding in FF*/{ border: 0;
padding: 0;}

Nic to nie daje.

Mam definicję buttona jako:

button {
font-size: 12px;
color: #FFF;
background-color: #637DBB;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-radius: 5px;
font-weight: normal;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
cursor: pointer;
line-height: 100%;
outline: none;
}

Co powinienem dodać aby pod FF tekst był centrowany?

do góry

W dniu 2012-03-05 13:22, Marek pisze:
> Witam,
>
> W sieci jest pełno nie działających przykładów usuwania bug'a FF
> polegajcego na braku możliwości wycentrowania w pionie tekstu w buttonach.
> Widziałem coś takiego:
>
> button::-moz-focus-inner /*Remove button padding in FF*/{ border: 0;
> padding: 0;}
>
> Nic to nie daje.
>
> Mam definicję buttona jako:
>
> button {
[8<]
> }
>
> Co powinienem dodać aby pod FF tekst był centrowany?

Ustaw mu jakieś font-family (chociażby inherit), inaczej jest użyty "MS
Shell Dlg" (przynajmniej pod W7) i przez to krzywo wygląda.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Dnia Mon, 05 Mar 2012 15:57:16 +0100, Paweł Piskorz napisał(a):

> W dniu 2012-03-05 13:22, Marek pisze:
>> Witam,
>>
>> W sieci jest pełno nie działających przykładów usuwania bug'a FF
>> polegajcego na braku możliwości wycentrowania w pionie tekstu w buttonach.
>> Widziałem coś takiego:
>>
>> button::-moz-focus-inner /*Remove button padding in FF*/{ border: 0;
>> padding: 0;}
>>
>> Nic to nie daje.
>>
>> Mam definicję buttona jako:
>>
>> button {
> [8<]
>> }
>>
>> Co powinienem dodać aby pod FF tekst był centrowany?
>
> Ustaw mu jakieś font-family (chociażby inherit), inaczej jest użyty "MS
> Shell Dlg" (przynajmniej pod W7) i przez to krzywo wygląda.

AMasz rację. Pomogło :-) Dzięki. Jednakże nie rozumiem tego do końca. Czy
font nie powinien być dziedziczony po body?

do góry

W dniu 2012-03-05 16:00, Marek pisze:
> AMasz rację. Pomogło :-) Dzięki. Jednakże nie rozumiem tego do końca. Czy
> font nie powinien być dziedziczony po body?

body { font:cośtam; }
button { font:innecoś; }

Czy button będzie dziedziczył font po body? Nie, ponieważ ma swoją
własną definicję :)


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Dnia Mon, 05 Mar 2012 22:49:51 +0100, Paweł Piskorz napisał(a):

> W dniu 2012-03-05 16:00, Marek pisze:
>> AMasz rację. Pomogło :-) Dzięki. Jednakże nie rozumiem tego do końca. Czy
>> font nie powinien być dziedziczony po body?
>
> body { font:cośtam; }
> button { font:innecoś; }
>
> Czy button będzie dziedziczył font po body? Nie, ponieważ ma swoją
> własną definicję :)

Chodzi mi o to dlaczego rozwiązanie jakie zaproponowałeś pomogło?

body { font:cośtam; }
button { font:tego_nie_miałem_ustawionego; }

Dlaczego button nie zyskał "cośtam" ? Konkretnie Ariala, bo jego w body mam
zadeklarowanego. Podobne zjawisko widywałem w komórkach tabel choć juz
dawno nie sprawdzałem czy to nadal tak jest. Komórki nie dziedziczyły fontu
po body również... i wyświetlały w Timesie czy czymś podobnym.

do góry

W dniu 2012-03-06 23:30, Marek pisze:
> Chodzi mi o to dlaczego rozwiązanie jakie zaproponowałeś pomogło?
>
> body { font:cośtam; }
> button { font:tego_nie_miałem_ustawionego; }
>
> Dlaczego button nie zyskał "cośtam" ?

Ponieważ istnieje coś takiego jak arkusz stylów przeglądarki i tam masz
właśnie bolda dla nagłówków, marginesy dla akapitów i fonta dla butonów.
I chociaż sam nic z tych rzeczy nie ustawiałeś, to musisz je nadpisywać
jeżeli chcesz mieć inaczej.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Dnia Wed, 07 Mar 2012 15:25:02 +0100, Paweł Piskorz napisał(a):

>
> Ponieważ istnieje coś takiego jak arkusz stylów przeglądarki i tam masz
> właśnie bolda dla nagłówków, marginesy dla akapitów i fonta dla butonów.
> I chociaż sam nic z tych rzeczy nie ustawiałeś, to musisz je nadpisywać
> jeżeli chcesz mieć inaczej.

http://www.w3.org/TR/2009/CR-CSS2-20090908/sample.ht
ml

Nie ma czegoś takiego dla buttonów teoretycznie. Tylko pod FF tak się
dzieje.

do góry

Dnia Wed, 7 Mar 2012 22:52:53 +0100, Marek napisał(a):

> http://www.w3.org/TR/2009/CR-CSS2-20090908/sample.ht
ml
>
> Nie ma czegoś takiego dla buttonów teoretycznie. Tylko pod FF tak się
> dzieje.

Tu poszukaj:
resource://gre-resources/forms.css

--
MałyTroll

do góry

W dniu 2012-03-05 13:22, Marek pisze:
> Witam,
>
> W sieci jest pełno nie działających przykładów usuwania bug'a FF
> polegajcego na braku możliwości wycentrowania w pionie tekstu w buttonach.

W kwestii formalnej: Preferowanym przez Mozillę skrótem jest Fx. Na
forum onetu bym olał, ale tutaj nie wypada.

artur

do góry

On Thu, 08 Mar 2012 08:49:43 +0100, Artur Muszyński wrote:

> W dniu 2012-03-05 13:22, Marek pisze:
>> Witam,
>>
>> W sieci jest pełno nie działających przykładów usuwania bug'a FF
>> polegajcego na braku możliwości wycentrowania w pionie tekstu w buttonach.
>
> W kwestii formalnej: Preferowanym przez Mozillę skrótem jest Fx. Na
> forum onetu bym olał, ale tutaj nie wypada.

Bo prawie wszyscy myślą, że to jakiś "ognisty lis". A to panda czerwona :-)


--
M.G.

do góry