Something wrong with my html form and pure css? -
i have following html:
<head> <link href="http://yui.yahooapis.com/pure/0.3.0/base-min.css" rel="stylesheet" type="text/css" /> </head> <body> <form action="/item" class="pure-form pure-form-stacked" method="post"> <fieldset> <label for="item">name of item</label> <input id="item" name="item" type="text" /> <label for="desc">description</label> <input id="desc" name="desc" type="text" /> <input type="submit" value="add" /> </fieldset> </form> </body>
this not render example in http://purecss.io/forms/ shows (stacked form), more inline form (and not nice @ that). there wrong html?
you're not including pure-form css.
add
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
to head.
http://jsfiddle.net/jaap/tfawe/
(i added button classes button , legend node fieldset).
Comments
Post a Comment