Thanks for your response. Unfortunately, it's still not working; even
not with x-small. Funny though, if I'm using any other properties like
'width' it is working, but not this damn font size... :( I just want
to make this stupid button smaller, so it looks similar to the one in
FF.



On Jun 17, 1:47 pm, Ian Bambury <[email protected]> wrote:
> Try using anything other than px. px-sizing has accessibility issues for a
> start. Browsers *should* show them as that exact number of pixels (mostly),
> but because users with then can't resize them, newer browsers allow users to
> resize and might well do their own thing if you use px. In the case where
> pixel density is dramatically different from standard, browsers are required
> to change the display size. Imagine what would happen if a super-HD monitor
> of 960ppi came out, you would have 96 characters per inch the way you are
> doing it.
> Even if you don't care about people with accessibility problems, it is a
> good idea to use something else, like x-small, or 80%.
> Ian
>
> http://examples.roughian.com
>
> 2009/6/17 Dariusz <[email protected]>
>
>
>
> > Thanks Alex,
>
> > Yes, I can minimize it, but by default the Button in IE is much bigger
> > than in FF and hell I can't change the font-size for IE. It's just not
> > working...
>
> > It's weird though, I tried others code and it looks the same. I even
> > ran the app on different PC and the result was the same...
>
> > Strange!
>
> > On Jun 17, 9:20 am, "alex.d" <[email protected]> wrote:
> > > It's probably your user font settings in FF or IE that are making font
> > > bigger or smaller. Press Ctrl and scroll mouse wheel.
>
> > > On 16 Jun., 22:03, Dariusz <[email protected]> wrote:
>
> > > > This is weird... :(
>
> > > > This:
> > > >  .gwt-Button {
> > > >         width: 300px;
>
> > > > }
>
> > > > works fine, but not if I want to change the font-size??
>
> > > > On Jun 16, 9:41 pm, Dariusz <[email protected]> wrote:
>
> > > > > I did setup a style.css file, where I'm trying to change the size of
> > > > > the button like this:
>
> > > > > .gwt-Button {
> > > > >     border:1px outset #CCCCCC;
> > > > >     cursor: pointer;
> > > > >     font-size:10px;
> > > > >     margin:0pt;
> > > > >     padding:3px 5px;
> > > > >     text-decoration:none;
>
> > > > > }
>
> > > > > Unfortunately, no effect on the result...it's still bigger than in
> > FF.
>
> > > > > On Jun 16, 8:57 pm, Dariusz Borowski <[email protected]> wrote:
>
> > > > > > Does anyone know, why I'm having a different layout in IE than in
> > FF?
>
> > > > > > Please, check out my attached screenshots.
>
> > > > > >  ie.jpg
> > > > > > 4KViewDownload
>
> > > > > >  ff.jpg
> > > > > > 3KViewDownload
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to