Sent by corey deep on 29 March 2008 19:07
Thanks so much Holly ,
I think the span will work. its looking better now. my button solution is
not ideal though... I am still on the fence as to what course of action I
will take.....
The design spec for all buttons have rounded corners and gradient fill.
three different colors, over a dozen text variations. how to accommodate
this ... from what I understand there are two preferrable methods. using
button elements ( similar to my earlier post ) and using spans, such as:
<a class="a-button" id="some-button" href="/my_button">
<span class="button-leftcap"/>
<span class="button-text">Upload</span>
<span class="button-rightcap"/>
</a>
Spans involve less work with graphics editor, but it is alot of markup for a
single button no ?
On Sat, Mar 29, 2008 at 9:24 AM, Holly Bergevin [EMAIL-REMOVED]>
wrote:
> From: "corey deep" [EMAIL-REMOVED]>
>
> >> I have an odd button element issue specific to IE6. When I create a
> button
> >> element and set text-indent ( to displace the value text ) the button
> >> disappears in IE6.
> >> If I add a non-breaking space , or line break or character before the
> >> button it displays fine.
>
> >> http://thevenusflytrap.org/button_trials/index.html
>
> Thank you for the online example. I didn't find any further trigger than
> the text-indent for the problem. Adding the space appears to be a good way
> of fixing it. But then again, it adds a space into the layout.
>
> There's an option to adding the non-breaking space, which takes more
> markup, but perhaps it's preferable to you. If you wrap the text for the
> submit button in a span, and then apply the text-indent to the span instead,
> then IE6 will play along.
>
> ~holly
>
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/