A Safari user says the Submit button on my Contact Us page doesn't work. It works fine in IE6 and FF2.


Anyone else find any other Safari quirks?

Mitch -

Our contact us page works fine in Safari as well.

: Greg

does the contact form contain any required elements? if so, there could be a possibility that the validation isn't displaying properly?

i.e. * Phone Number Is Required

Hey mitch, add this to your stylesheet, please test in various other spots on the site, specifically the checkout page. Purposefully leave stuff blank so the validation displays.

.contactform .formfield span span {margin-left: 3px; font-size: 18px; font-weight: bold;}

This will format the ! or * in any form wrapped in <div class="contactform">. The anthem label is on the fly so the generated ID's don't help in isolating it down to an exact class or ID. Which is no big deal.

If you'd like to do this globally, try this in your stylesheet

td.formfield span span {margin-left: 3px; font-size: 18px; font-weight: bold;}

---

A tiny css tidbit:

If you'd like to position the vertical alignment of the ! or *. I suggest using {position: relative; top: #px;} replace # with a number, add to the above lines. However, you may not get 100% alignment across the browsers. Honestly, I'd hold on this though because it's going to position both elements (!/*) and it'll look awkward. Try it if you'd like, you'll understand what I'm referring too when you see it.

It's 100% solid to set a span to display: block; and use padding to position elements, but in this case, if you set the span to block, it will clear the input field and appear underneath the text input. Doesn't really help the look of the form, since it formats the span prior to validation and it looks pretty bad..LOL..