Text border issues - Aqua-Soft Forums

Text border issues Rate Topic:

#1 davidsword

Group: Subscribers
Posts: 1,016
Joined: 19-December 06

Posted 18 December 2007 - 05:33 PM

I need text to have a box like so...

Posted Image

but with border: 1px #625d50 solid it keeps coming out as

Posted Image

I don't want to predefine a width because I'm not to certain if the text will change and encase users have changed their default font size (lots of old people use this site).

When I define the width as auto or inherit it does the same thing extending itself 100%.

Is it possible to do this with css (without using tables) ?

Back to top of the page up there ^
MultiQuote
Reply

#2 z-x

Group: Member
Posts: 62
Joined: 21-June 04

Posted 18 December 2007 - 05:47 PM

You may use display: inline-block for it, but it doesn't work in all of the browsers. For now (just because IE6) there is no good way. :/

Back to top of the page up there ^
MultiQuote
Reply

#3 nicholasheer

Group: News Posters
Posts: 820
Joined: 15-July 05

Posted 18 December 2007 - 11:07 PM

How many buttons are you making? If you are making only a few, I'd go back to ye-olde-fashioned images, to be honest.

Back to top of the page up there ^
MultiQuote
Reply

#4 davidsword

Group: Subscribers
Posts: 1,016
Joined: 19-December 06

Posted 18 December 2007 - 11:11 PM

yeah I was afraid of that, & it would have to be compatible down to -ie6, [stereotype]again those old people...[/stereotype]

thanks

Back to top of the page up there ^
MultiQuote
Reply

#5 Ellada

Group: Member
Posts: 1,429
Joined: 03-April 05

Posted 19 December 2007 - 05:25 AM

Quote

I don't want to predefine a width because I'm not to certain if the text will change and encase users have changed their default font size (lots of old people use this site).

Maybe I'm missing something here, but can't you just keep it em based? The width of the box and text size would could resize fine...