Strange rendering in HTML forms
HTML forms have always had strange issues. Here’s one I came across today that I’ve not seen before.
I have some HTML that looks like this:
<p>
<label for="foo">Foo<label>
<div class="error">
<input type="text".... />
</div>
</p>
The Firefox browser renders this as if it was:
<p>
<label for="foo">Foo<label>
</p>
<div class="error">
<input type="text".... />
</div>
The div causes the p* element to be closed early. The Firefox DOM inspector shows this quite nicely.
This HTML was originally generated by Rails scaffold code, so I had to make changes to it to make it work with my styles.
My fix was to remove the *p tags and use CSS to get the layout the way I want.
How to make cheese
Lisa and I are heading to Idaho next week to participate in this cheese making course.
Cheese wedding cake?
An unusual use for cheese.
Favorite Cheese blogs
Here are the cheese related blogs that I read from time to time:
My first public Rails deployment
I’ve been learning Ruby and Rails for 2 months now (since I quit my day job), and I’m liking it. This is my first live deployment of a Rails project – but not one that I’ve written code for (yet).
This blog is hosted at http://rubyonrailshost.com/, and is implemented by an installation of Typo. The main application isn’t in place yet, but the Blog is running great!
My first public Rails deployment
I’ve been learning Ruby and Rails for 2 months now (since I quit my day job), and I’m liking it. This is my first live deployment of a Rails project – but not one that I’ve written code for (yet).
This blog is hosted at http://rubyonrailshost.com/, and is implemented by an installation of Typo. The main application isn’t in place yet, but the Blog is running great!