Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Submit button in ZEM not showing in IE, works in Mozilla
Just when I thought I was out, txp pulls me back in :)
After I managed to adjust my contact form to zem plugin, and everything was lookin just fine, when I opened the site in ie6 and ie7 the submit button is just not there.
In mozilla, opera, and safari everything is ok.
This is the code:
<txp:zem_contact to=“me@gmail.com” label=”“>
<fieldset>
<ol>
<li><txp:zem_contact_text label=“Ime:” name=“ime” break=”“ /></li>
<li><txp:zem_contact_email label=“Email:” name=“email” break=”“ /></li>
<li><txp:zem_contact_text label=“Web sajt:” name=“sajt” break=”“ required=“0” /></li>
<li><txp:zem_contact_text label=“Tema:” name=“tema” break=”“ required=“0” /></li>
<li><txp:zem_contact_textarea label=“Poruka:” name=“tekstPoruke” break=”“ /><li>
<li><txp:zem_contact_submit /></li>
</ol>
</fieldset>
</txp:zem_contact>
And one more thing, if somebody knows why zem produces an extra div in html, right under the form element?
Offline
Re: Submit button in ZEM not showing in IE, works in Mozilla
I’m far from expert but you might need to put <txp:zem_contact_submit label=“Send” />
I don’t have an extra div but I don’t use a list either. Here’s my form adapted for your site. It might give you some clue.
<txp:zem_contact mailto=“me@gmail.com” mailfrom=“contact@mysite.com” >
<p><txp:zem_contact_text label=“Ime:” /></p>
<p><txp:zem_contact_email label=“Email:” /></p>
<p><txp:zem_contact_text label=“Web sajt:” /></p>
<p><txp:zem_contact_text label=“Tema:” /></p>
<p><txp:zem_contact_textarea rows=“10” cols=“30” label=“Poruka:” required=1 /></p>
<p><txp:zem_contact_submit label=“Send” /></p>
</txp:zem_contact>
Offline
Re: Submit button in ZEM not showing in IE, works in Mozilla
Thanks for trying, but that doesnt help. In the mean time I figure what is the problem, but I’m not sure what to do.
I have this code in my css:
#kontakt input.zemSubmit {
width: 108px;
height: 22px;
margin: 0;
padding: 0;
border: 0;
background: transparent url(/images/19.gif) no-repeat center top;
text-indent: -1000em;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
I am trying to use image for button. When I remove text-indent the button shows, but with the text and with the image, which is not good ofcourse.
Looks like that ie6 and ie7 have some problem with text-indent. At lease in this case.
Last edited by AndrijaM (2007-12-24 18:32:13)
Offline
Offline
Re: Submit button in ZEM not showing in IE, works in Mozilla
As far as I remember, and from the docs:
“When used as a container tag, a “button” element will be used instead of an “input” element.”
With your CSS above, you have input.zemSubmit Why not change that to button.zemSubmit and see what happens. Should work.
Offline
Re: Submit button in ZEM not showing in IE, works in Mozilla
<txp:zem_contact_submit><img src="/images/19.gif" alt="" /></txp:zem_contact_submit>Or as I do it with plain XHTML inside the form:
<input class="zemSubmitHidden" type="hidden" value="Lähetä" name="zem_contact_submit" /><input class="zemSubmit" type="image" src="/img/icon-laheta.png" value="Lähetä" alt="Lähetä lomake" title="Lähetä lomake" name="zem_contact_button" />Cheers!
Last edited by Gocom (2007-12-24 19:31:54)
Offline
Re: Submit button in ZEM not showing in IE, works in Mozilla
Still not working!
Problem is only in ie, button is just not showing.
Offline
Re: Submit button in ZEM not showing in IE, works in Mozilla
Ok, I did it at the end, had to code that page again from start, something has been wrong in the css file.
Thank you all very much for help,
best regards
Offline