Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2006-06-12 12:29:02
- -P-
- Member
- From: Finland
- Registered: 2005-09-10
- Posts: 211
Text-indent and Opera
Hi! I´m trying to replace all the buttons (submit, preview etc.) with .gif images. Works okay with IE and gekko browsers. Looks fine with safari test. BUT with Opera the default text is showing. My Opera version is 8.02 and don´t want to upgrade it since I use Opera only for testing purposes for checking my css and layout and thats why prefer having “older possibly buggier version”.
<code>#preview {
width: 123px;
height: 24px;
margin: 4px 0;
background: url(../styleimages/esikatselu.gif) no-repeat;
border: none;
text-indent: -5000em;
display: block;
overflow: hidden;
}</code>
Have tested both positive and negative values for text-indent, in the header with <code><h1>sitename</h1></code> this works in Opera too. So Have I forgotten somethinng obvious or what is it?
Last edited by -P- (2006-06-12 12:30:04)
Offline
#2 2006-06-12 12:39:50
- bancroft
- Member
- Registered: 2005-09-30
- Posts: 39
Re: Text-indent and Opera
You could try adding <code>position: absolute;</code>. Not sure what it would do to the positioning of the button though, but may be worth a try.
Graham
Offline
#3 2006-06-12 13:00:06
- -P-
- Member
- From: Finland
- Registered: 2005-09-10
- Posts: 211
Re: Text-indent and Opera
Thank you! I tested that, no effect, not even to positioning execpt it breaks stuff with IE :D (I do have some rules to IE already so if it worked, wouldn´t matter.)
Offline
Re: Text-indent and Opera
I’ve experienced several quirks in the context of Opera and large negative values for text-indent.
My solution is to restrain myself to values below (or, to the mathematically inclined, above) -9999px. This is far off-screen and will be so for the next years, and it works in Opera.
Remember that 1em accounts for 8, 10 or even more px, so I think there’s a limitation in Opera which causes undesirable symptoms when text-indent exceeds MININT (-32767).
Offline
Pages: 1