[Html-widget] newbie question: <br>

Will Smith willbelair at yahoo.com
Fri Feb 9 15:50:31 GMT 2007


Yes I did Carl,
 here is the css. and frankly, I am bad at css, should take time to learn it now. Thank you
 
 html {
     height: 100%;
 }
 
 body { 
     background-color: [% site.col.page %];
     color: [% site.col.text %];
     margin: 0px;
     padding: 0px;
     height: 100%;
 }
 
 #header {
     background-color: [% site.col.head %];
     border-bottom: 1px solid [% site.col.line %];
 }
 
 #footer {
     background-color: [% site.col.head %];
     text-align: center;
     border-top: 1px solid [% site.col.line %];
     position: absolute;
     bottom: 0;
     left: 0px;
     width: 100%;
     padding: 4px;
 }
 
 #content {
     padding: 10px;
 }
 
 h1.title {
     padding: 4px;
     margin: 0px;
 }
 
 .message {
     color: [% site.col.message %];
 }
 
 .error {
     color: [% site.col.error %];
 }
 label {
         display: block;
         width: 10em;
         position: relative;
         margin: .5em 0em;
 }
 label input {
         position: absolute;
         left: 100%;
 }
 label select {
         position: absolute;
         left: 100%;
 }
 .submit {
         margin-top: 2em;;
 }
 .error_messages {
         color: [% site.col.error %];
 }
 
 input { 
     float: left; 
     padding-right: 2em; 
 }
 input[type=submit] { 
     clear: left; 
 }

Carl Franks <fireartist at gmail.com> wrote: On 09/02/07, Will Smith  wrote:
> Hi,
> First time I use this html::widget, and find it very interesting. I need to
> create the form with 3 text boxes in one line and a submit button in another
> line. But it does not matter how I changed the code, css, I still get all of
> them in one line. Could you help showing how to do that, and I want to have
> some space between text boxes, not just one after another.

At a guess, (meaning: untested)...

If your elements have labels, then something like:
label { float: left; padding-right: 2em; }
input[type=submit] { clear: left; }

If they don't have labels, then:
input { float: left; padding-right: 2em; }
input[type=submit] { clear: left; }

Carl

_______________________________________________
Html-widget mailing list
Html-widget at lists.rawmode.org
http://lists.rawmode.org/cgi-bin/mailman/listinfo/html-widget


 
---------------------------------
It's here! Your new message!
Get new email alerts with the free Yahoo! Toolbar.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.scsys.co.uk/pipermail/html-widget/attachments/20070209/f5471f15/attachment-0001.htm


More information about the Html-widget mailing list