Oh! I'm sorry guys for not answering these posts before, but I already fixed the problem. Both changing the doctype to strict, and adding the column class helped me. But I would like to know why did this work, because I thought that was subtle details with no, or little importance. Specially adding the column class, because in the blueprint's css source code, .column seems to be the same that .span-X.
Thanks a lot for your help, it would be nice if you still have time to explain me these questions, but if not, don't worry anyway. 2010/6/16 Chris Bobbett <[email protected]> > Hi Daniel, > > It may be that you need to add the "column" class like so... > > <div class="*column *span-3"> > > <label for="nombre">Nombre:</label> > </div> > <div class="*column *span-5 last"> > > <input type="text" id="nombre" value="" name="nombre"> > </div> > > - Chris > > On Mon, Jun 14, 2010 at 3:47 PM, Daniel Peraza <[email protected]>wrote: > >> Hi guys! I'm trying to follow the example shown at cssiseasy.com for >> inline forms, in order to build a custom form, but I can't accomplish >> the desired alignment. >> >> Please, I would like to know what am I doing wrong, if somebody could >> tell me. This is the code I'm using (I'm sure Blueprint CSS is >> imported properly into the HTML, because I checked it with firebug) >> >> <div class="column span-10 last"> >> <div style="background-color: rgb(204, 204, 204);" class="column >> prepend-1 append-1 last"> >> <form id="contact-form" class="inline" method="post" >> action="http://127.0.0.1/hidrolimpieza/app.php/ >> contact"> >> <div class="span-3"> >> <label for="nombre">Nombre:</label> >> </div> >> <div class="span-5 last"> >> <input type="text" id="nombre" value="" name="nombre"> >> </div> >> <div class="span-3"> >> <label for="apellido">Apellido:</label> >> </div> >> <div class="span-5 last"> >> <input type="text" id="apellido" value="" name="apellido"> >> </div> >> <div class="span-3"> >> <label for="email">Correo Electrónico:</label> >> </div> >> <div class="span-5 last"> >> <input type="text" id="email" value="" name="email"> >> </div> >> <div class="span-3"> >> <label for="tlf">Teléfono:</label> >> </div> >> <div class="span-5 last"> >> <input type="text" id="tlf" value="" name="tlf"> >> </div> >> <div class="span-3"> >> <label for="asunto">Asunto:</label> >> </div> >> <div class="span-5 last"> >> <input type="text" id="asunto" value="" name="asunto"> >> </div> >> <div class="span-3"> >> <label for="comentarios">Comentarios:</label> >> </div> >> <div class="span-5 last"> >> <textarea class="span-4 last" id="comentarios" rows="4" >> cols="25" >> name="comentarios"></textarea> >> </div> >> </form> >> </div> >> </div> >> >> -- >> >> You received this message because you are subscribed to the Google Groups >> "Blueprint CSS" group. >> To post to this group, send email to [email protected]. >> To unsubscribe from this group, send email to >> [email protected]<blueprintcss%[email protected]> >> . >> For more options, visit this group at >> http://groups.google.com/group/blueprintcss?hl=en. >> >> > -- > You received this message because you are subscribed to the Google Groups > "Blueprint CSS" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<blueprintcss%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/blueprintcss?hl=en. > -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
