: What would cause broken elements that don't show text in this template? I'm building a web page by modifying this template: http://webthemez.com/preview/?doctor-free-responsive-website-template/ At
I'm building a web page by modifying this template: webthemez.com/preview/?doctor-free-responsive-website-template/
At the bottom, in the Contact area, there are two <input>s and one <textarea>. The inputs only work in Opera. No other browser lets me edit the text or even displays the placeholder.
I can't figure out where the problem is. The HTML? The CSS? The JavaScript?
More posts by @Berryessa370
1 Comments
Sorted by latest first Latest Oldest Best
The problem is the padding specified by CSS along with a fixed height. The box is not tall enough to contain both the text and the white space padding.
.form-control {
padding: 22px 4px;
height: 34px;
}
The best way to discover this problem is to use developer tools. I use Firefox and right click to "inspect element". From that I can check and uncheck the CSS rules to see which one is causing the problem:
When I uncheck those rules I see the text I entered:
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.