https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9 Gravity Support Forums Topic: Horizontal lines going through text in form in IE9 en-US Mon, 06 Apr 2026 18:07:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-93004 Mon, 19 Nov 2012 11:13:48 +0000 David Peralty 93004@https://legacy.forums.gravityhelp.com/ <p>Glad you were able to sort it out. All my best! </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-92948 Mon, 19 Nov 2012 09:44:41 +0000 cnymike 92948@https://legacy.forums.gravityhelp.com/ <p>OK, the cause of the lines has been determined. There was a little snip of code which was at the end of the last paragraph on the page<br /> <code>&lt;del datetime=&quot;2010-11-03T17:48:50+00:00&quot;&gt;</code></p> <p>I have no idea where it came from but it was causing the browser, perhaps due to doctype, to mess up what followed on the page thus the lines appearing. I removed that code and everything seems to be fine now which is probably why you did not see the lines no matter what you tried to do. </p> <p>This topic can be marked resolved. </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-92423 Sat, 17 Nov 2012 18:54:36 +0000 Chris Hajer 92423@https://legacy.forums.gravityhelp.com/ <p>Oh. I see. That is a strange 'line-through' thing you have going on there. However, I cannot make that happen no matter what I do when using IE9 and the developer tools. </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-92357 Sat, 17 Nov 2012 11:30:53 +0000 cnymike 92357@https://legacy.forums.gravityhelp.com/ <p>That's not it Chris but I do appreciate the effort.</p> <p>Here is a link to show what I'm seeing and anyone with IE9 or IE10 using the Tools&gt;F12 Developer Tools should be able to see the same thing as long as you select IE7 standards document mode.</p> <p><a href="http://www.screencast.com/t/kgjeRrmbfo" rel="nofollow">http://www.screencast.com/t/kgjeRrmbfo</a> </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-92192 Sat, 17 Nov 2012 01:40:58 +0000 Chris Hajer 92192@https://legacy.forums.gravityhelp.com/ <p>In IE9, I see the background image for the list item, and I see horizontal lines. These items are coming from your theme's stylesheet. Try adding this CSS to override:</p> <pre><code>[css] body #sidebar .gform_wrapper form li { background-image:none!important; border-bottom: none!important; }</code></pre> <p>That took care of the <a href="http://www.athomeindependentliving.com/wp-content/themes/serenity2/images/sidebar-list.png" rel="nofollow">background image</a> and the dashed bottom border in all browsers for me. </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-91980 Fri, 16 Nov 2012 13:13:15 +0000 cnymike 91980@https://legacy.forums.gravityhelp.com/ <p>Well, you're on to something there because when I did what you suggested, I was finally able to see the lines when I switched to IE7 standards in document mode. Bingo case solved right? I called my client, accused him of using IE7 and he checked. He's using IE9. So I had him check the developer tools and lo and behold, his browser mode was IE9 but his document mode was IE7. When he switched his document mode to IE8 or IE9 the lines went away.</p> <p>But the real problem is when he quits the browser and restarts and revisits the page, it reverts back to IE7 standards document mode.</p> <p>So what the heck? Is the website doctype sending info to the browser causing it to do this? How to change the Document Mode in the browser to stay out of IE7 standards mode? </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-91971 Fri, 16 Nov 2012 12:31:33 +0000 Supersally 91971@https://legacy.forums.gravityhelp.com/ <p>Try this to see it happening. Open the offending page in IE, hit F12 to bring up their Developer tools. In the line that says File Find Disable... There should be something that also says, "Browser Mode" and "Document Mode." Switch the Browser Mode to IE9 and see what happens.</p> <p>ETA: I don't see any lines, for what it's worth. </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-91961 Fri, 16 Nov 2012 12:14:22 +0000 cnymike 91961@https://legacy.forums.gravityhelp.com/ <p>Here is a screengrab that my client just sent me showing the issue.</p> <p><a href="http://www.screencast.com/t/kgjeRrmbfo" rel="nofollow">http://www.screencast.com/t/kgjeRrmbfo</a></p> <p>Pretty weird since I don't see this at all on my Macs or PC's using various browsers. How do you fix something that can't be seen? </p> https://legacy.forums.gravityhelp.com/topic/horizontal-lines-going-through-text-in-form-in-ie9#post-91953 Fri, 16 Nov 2012 12:02:22 +0000 cnymike 91953@https://legacy.forums.gravityhelp.com/ <p>I designed a site for a client and have viewed the site in multiple browswers and platforms. Yet, the client is reporting an issue with one of the forms on the site... not all the forms, just one of the forms. The form is in a widget sidebar. My client says that the entire form has lines going across the form labels. I can't see the problem since I don't have IE9, only IE10 and I don't see it in IE10.</p> <p>On the other hand, my client says another form on the site, which is in a page content area, not a widget area, has no lines going through it and is fine.</p> <p>Could someone view the site in IE9 and let me know if you see the problem and if you do, how would I fix that since I can't see it?</p> <p><a href="http://www.athomeindependentliving.com/employment/" rel="nofollow">http://www.athomeindependentliving.com/employment/</a></p> <p>Here is the other form that he says is fine.<br /> <a href="http://www.athomeindependentliving.com/contact-us/" rel="nofollow">http://www.athomeindependentliving.com/contact-us/</a> </p>