Topic: Stopping css buttons from resizing (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=23738" title="Pages that link to Topic: Stopping css buttons from resizing (Page 1 of 1)" rel="nofollow" >Topic: Stopping css buttons from resizing <span class="small">(Page 1 of 1)</span>\

 
scanner_red
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Oct 2004

IP logged posted posted 10-20-2004 20:26 Edit Quote

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.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 10-20-2004 20:35 Edit Quote

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.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 10-20-2004 22:30 Edit Quote

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.

scanner_red
Obsessive-Compulsive (I) Inmate

From:
Insane since: Oct 2004

IP logged posted posted 10-27-2004 14:46 Edit Quote

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.

scanner_red
Obsessive-Compulsive (I) Inmate

From:
Insane since: Oct 2004

IP logged posted posted 10-27-2004 15:01 Edit Quote

Worked like a charm!
Thanks!

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

scanner_red
Obsessive-Compulsive (I) Inmate

From:
Insane since: Oct 2004

IP logged posted posted 10-27-2004 15:01 Edit Quote

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)

reitsma
Maniac (V) Mad Scientist

From: the smaller bedroom
Insane since: Oct 2000

IP logged posted posted 10-29-2004 01:40 Edit Quote

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

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 10-29-2004 15:47 Edit Quote

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)



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu