468,119 Members | 1,662 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,119 developers. It's quick & easy.

Presto not rendering buttons properly?

Using this CSS:

------------------------

button {
border: none;
background: url("Button-LU.gif") center center;
padding: 0;
text-align: center;
margin: 0.5em;
width: 150px;
height: 33px; }
button:active {
background: url("Button-LA.gif") center center; }

------------------------

Presto renders the button text as being vertically aligned inside the top of
the button, yet Gecko and Trident render the text being in the middle of the
button.

Anything I'm missing?
Jan 17 '06 #1
4 1644
David R wrote:

Presto renders the button text as being vertically aligned inside the top of
the button, yet Gecko and Trident render the text being in the middle of the
button.

Presto is a browser?
Try adding a background color. Presto may think it is necessary.

button { background: #fff url("Button-LU.gif") center center; }

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jan 17 '06 #2
saz
In article <IL********************@giganews.com>, jmm-
li***********@sohnen-moe.com says...
David R wrote:

Presto renders the button text as being vertically aligned inside the top of
the button, yet Gecko and Trident render the text being in the middle of the
button.

Presto is a browser?
Try adding a background color. Presto may think it is necessary.

button { background: #fff url("Button-LU.gif") center center; }


Presto is Opera's rendering engine.

I have no idea why the OP didn't call Presto as Opera, Trident as
Internet Explorer, and Gecko as Mozilla/FireFox/Netscape/Camino.

I guess he was trying to impress us. It didn't work.
Jan 17 '06 #3
> Presto is Opera's rendering engine.

I have no idea why the OP didn't call Presto as Opera, Trident as
Internet Explorer, and Gecko as Mozilla/FireFox/Netscape/Camino.

I guess he was trying to impress us. It didn't work.


No, because the rendering engine is what's important, not the browser. There
are quite a number of Gecko-based browsers out there (inc. Mozilla Suite,
Firefox, Minimo, K-Meleon, Galeon, etc), same for Trident and Presto.

I'm being technically accurate, so nerr :)

Oh, and I tried setting a background colour, no change.
Jan 17 '06 #4
David R wrote:
Using this CSS:

------------------------

button {
border: none;
background: url("Button-LU.gif") center center;
padding: 0;
text-align: center;
margin: 0.5em;
width: 150px;
height: 33px; }
button:active {
background: url("Button-LA.gif") center center; }

------------------------

Presto renders the button text as being vertically aligned inside
the top of the button, yet Gecko and Trident render the text being
in the middle of the button.

Anything I'm missing?


Try setting

line-height: 33px;

--
Rob McKenna,
Rain God.
Jan 17 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by babash | last post: by
4 posts views Thread by Nacho Nachev | last post: by
5 posts views Thread by Dave A | last post: by
5 posts views Thread by paul.hester | last post: by
10 posts views Thread by =?Utf-8?B?UGFycm90?= | last post: by
3 posts views Thread by SAL | last post: by
13 posts views Thread by didacticone | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.