two style sheets problem

[explorers5000]

i have a problem which i cannot solve..

i found a nice php popup contact form for my page which aldready has layout.css and this contact form has its own .css file which is called popup-contact.css

the contact form work without a problem with its test page:

tercume.pro/a-page.php

when you click on the yellow "contact us" button you will see that the form is nice and
styled..


however,


when i implement it to my website tercume.pro/index.php where the form is supposed to be,and click on the picture with numbers on, you see that the form does not get rendered and is without the style and even the "close link" is not visible, whereas it is properly styled on thea-page.php

when i get rid of the layout.css in the index.php, then the form is styled but then the page is not..

i wanna have both the styles in one page..

so how can we solve this?

[HTMLBasicTutor]

Works fine for me in IE8, FF and Chrome.

What browser are you using?

[weegillis]

Are you putting the layout style sheet before the form style sheet in the resource calls? If this is reversed, weird things can happen when style rules collide.

[HTMLBasicTutor]

Are you putting the layout style sheet before the form style sheet in the resource calls? If this is reversed, weird things can happen when style rules collide.

I thought of that also. But when it worked for 3 different browsers for me I then thought of a cross-browser issue.

[explorers5000]

problem solved.

thanks for all the answers..

well, i just had to change relative font sizes to fixed ones in the contact form's css.

now just one more thing: once the form is sent all the info sticks in the labels and is there a way to have all the boxes cleared once the form is submitted?

or just i ask this question under php forum?

[weegillis]

Are you confirming that the message is sent successfully on the same page as the form?

What you could do is jump to another page (on successful submission) and then break the back button so the form can't be got at through history, but can only be navigated to, which will bring up a cleared form, ready for the next fill in.

[explorers5000]

Are you confirming that the message is sent successfully on the same page as the form?

What you could do is jump to another page (on successful submission) and then break the back button so the form can't be got at through history, but can only be navigated to, which will bring up a cleared form, ready for the next fill in.

you can see it yourself here if it's okay with you:
i cannot share links now ("To be able to post links or images your post count must be 10 or greater. You currently have 2 posts.") i thought i was able to post links on my previous post.

anyways..

this is not a page that pop ups though. it is modal popup window with ajax submission. so there is no back button at all.

once the form is submitted successfully, the contact info stay in the boxes and does not clear unless you F5.

[weegillis]

Then it's a simple JavaScript call at the completion of on submit validation. All of the fields are contained in one object. Set it on exit to ="" or =NULL, perhaps?


<edit>
I'm just throwing this out here...

Perhaps you could simply create a new form object? I don't know that this would be good, though, as they would stack up and take up a lot of space; i.e., wasteful. But with good management this could also be eleviated? (I ask, because object oriented programming is not my forte.)

</edit>

[weegillis]

Here's another thing that will require a little more study on my part, but you might think on it, as well, the form data array itself. Data in fields is pushed into the array. Could it just as easily by popped out as a way to reset the array? Again, not too wise in this area, but get the gist. The history array is a good example of push and pop.

[weegillis]

Skip that. The form submitter script has the form object in one variable, frmobj. Set it to, frmobj="" as a part of the success result, perhaps?