Appnitro Software Forums » MachForm

CSS Conflict creating problems

(10 posts)

  1. tkdsite
    Member

    Unfortunately, when using the PHP insert onto my pages, I've noticed that my footer gets messed up. The only way it works is to use the iframe option, which is really not preferable for many reasons. The challenge I'm having is that there is no way I can change the css for the footer of my web sites since that would involve a lot of work. It's much easier to just find and change what isn't working in the MachForm.

    Now here's the problem. I can't change any of the CSS variable names because, from what I understand, MachForm is partially encoded and I'm guessing that this would involve way too much work. Is there something you might be able to suggest?

    Posted 3 years ago #

  2. yuniar
    MachForm Founder

    Can you post the URL to your page?

    Posted 3 years ago #

  3. tkdsite
    Member

    Try this one: http://tiniuri.com/?c=XAc

    As you can see on the footer, the footer is all messed up. If you go to this, the footer is fine but it uses and iframe:

    http://tiniuri.com/?c=ZAc

    Posted 3 years ago #

  4. tkdsite
    Member

    Any luck with this one? I'd love to fix this problem and I'm sure I'm one of many people with this issue.

    Posted 3 years ago #

  5. Pangdene
    Member

    Is this anything to do with clashing of CSS styles between the form style sheet and your site stylesheet.

    I've had similar problems without using iframes.

    It would be cool if all the machform css styles had a fixed prefix or suffix to them, e.g. '#footer_machform'?

    P

    Posted 3 years ago #

  6. yuniar
    MachForm Founder

    tkdsite -- try this, edit your style.css (your page css)
    adjust your #footer code to become like this:

    #footer {
	background-color:#FFFFFF;
	border-top:4px solid #E3E3E3;
	color:#6A6B69 !important;
	font-size:11px !important;
	margin:0 auto;
	padding:10px;
	text-align:right !important;
	width:980px !important;
}

    and also this one:

    #footer a {
	border-bottom:medium none !important;
	color:#366799 !important;
	font-weight:bold;
	text-decoration:none;
}

    I agree with Pangdene that MachForm should use its own prefix and not using generic id name such as "#footer"

    Posted 3 years ago #

  7. jdancisin
    Member

    Another thing that can be done is to edit the machform css so that all references to the #footer are more targeted... instead of "#footer" use ".appnitro #footer"

    Its all about the cascade.

    Posted 3 years ago #

  8. tkdsite
    Member

    Yuniar - thanks for the reply but I wonder whether changing the style.css file is going to affect anything else on the site. The input forms are one very small but important area. I know that my coder gets very fussy about these things!

    My thoughts were the same as everyone else here in my frustration that the footer was named just "footer" and would obviously conflict with css files on almost any site. This is one of those reasons why I rarely use encoded scripts because simple changes like this might not be able to be made in the script itself - although I can't say for sure in this case. I'd love to see this changed as soon as possible and some of the other suggestions here put into effect, e.g. jdancisin's cascade usage.

    Posted 3 years ago #

  9. yuniar
    MachForm Founder

    Oh, I just realized that #footer is not being used for embedded form.
    So, the best solution for now is to remove the entire #footer style from your form's view.css file.

    I think this one is better than modifying your style.css

    Posted 3 years ago #

  10. tkdsite
    Member

    Thanks - this actually worked. It's definitely a better solution but hopefully you can implement the suggestion! Great support, thanks.

    Posted 3 years ago #

RSS feed for this topic

Reply

You must log in to post.