Topic: Stopping css buttons from resizing (Page 1 of 1)

I have a css page with links made to look like buttons, which look really cool. THe problem is when the page is resized smaller, the text of the links automatically gets reisized too, and the butoons look like it overlaps itsefl and covers up some of the text.
I hope I am making sense.

Basically I am looking for a way to keep the text of a link from resizing when the window size is reduced.

Thanks.

scanner_red: Welcome in Asylum.

Could you provide a link to the page and CSS causing the problem, and tell in which browser you met the problem.

It sounds like you have these "buttons" set up with a width specified in percentage, which will obviously change with the window size.

If so, just set them for a fixed width.

To avoid further problems with the user altering the text size, set both the font size and the buttons size using em rather than px.

Thanks I will try that. I don't have the page up yet so no link. I have found the pronblem in both IE and Friefox.

Worked like a charm!
Thanks!

(Edited by scanner_red on 10-27-2004 15:03)

The buttons had different lengths due to the number of words in each button and I wanted to preserve that, so I used the pixel width and hieght on the parent div and no more resizing buttons!

Cool.

(Edited by scanner_red on 10-27-2004 15:06)

hey scanner_red!

glad you got your buttons fixed - but how does that help if people want them bigger?

that's where 'sliding doors' can come in handy.

Check out this article here:
http://www.alistapart.com/articles/slidingdoors/

and see if that can help you with your buttons!



reitsma

I had assumed we were talking pure CSS decoration.

Are you using images to make these 'buttons'?

If so, the 'sliding-doors' method is very handy, and will allow the text ro resize without breaking the effect.

If you are not using images, then you won't need it.



(Edited by DL-44 on 10-29-2004 15:48)