Sent by corey deep on 28 March 2008 20:08
btw I copied the source from firebug, which is why it displays margin set
to 0pt..... i realize that looks like that. fyi. thank you.
Hi,
>
> 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. Has anyone had any experience with this ? What is
> wrong with my button ?s this what it sounds like... when doves cry ?
>
> /* CSS */
>
> .btn {
> position: relative;
> background:transparent url(btn_grn_submit.gif) no-repeat scroll
> left top;
> border:0pt none;
> cursor:pointer;
> width:98px;
> height:26px;
> margin:0pt;
> padding:0pt;
> text-indent: -9999px;
> overflow:hidden;
> vertical-align:middle;
> }
>
> .btn:hover {
> background: transparent url(btn_grn_submit.gif) no-repeat 0 -26px;
> }
>
> <!-- HTML -->
>
> <button name="Some Button" title="Some Title" class="btn"
> type="button">Green Button</button> <!-- is hidden in IE6 -->
>
> <button name="Some Button" title="Some Title" class="btn"
> type="button">Green Button</button> <!-- but this works fine in IE6 -->
>
>
> online example:
> http://thevenusflytrap.org/button_trials/index.html
>
>
>
______________________________________________________________________
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/