PEAK XOOPS - How To : Design a Formmail : Make Content : myPage in englishin japanese

Top > XOOPS Modules >pico/TinyD >How To : Design a Formmail with Pico

How To : Design a Formmail : Make Content : myPage

List posts in the topic

normal How To : Design a Formmail : Make Content : myPage

msg# 1.1.1
depth:
2
Previous post - Next post | Parent - Children.1 | Posted on 2007/9/29 8:51 | Last modified
gigamaster  三等軍曹 From: Geneva, Switzerland  Posts: 94
2. Make New Content

Subject : myPage

HTML headers :
check 'display the textarea'
<style type="text/css">
<!--

#myform {width: 340px; text-align: left;}

#myform fieldset {margin: 0;border: 0;padding: 0;}

#myform legend {display: none;}

#myform h3 {clear: both;padding: 5px 0px 10px 0px; font-size:14px;}

#myform label 
{display: block;
width: 310px;
font-size: 12px;
line-height: 14px;
padding: 0px 0px 12px 0px;}

#myform input {display: block;margin-top: 3px;}

#myform select {float: left;display: block;}

#myform label.field-first,
#myform label.field-address,
#myform label.field-city,
#myform label.field-email 
{clear: left;}

#myform label.field-first,
#myform label.field-last,
#myform label.field-city,
#myform label.field-email,
#myform label.field-phone 
{float: left;margin: 0px 10px 0px 0px;width: 150px;}

#myform label.field-first input,
#myform label.field-last input,
#myform label.field-email input,
#myform label.field-city input,
#myform label.field-phone input 
{float: left;width: 150px;padding: 0px;}

#myform label.field-zip 
{float: left;width: 80px;}

#myform label.field-zip input 
{float: left;width: 80px;}

#myform label.field-address 
{float: left;width: 310px;margin: 0px;}

#myform label.field-address input 
{float: left;width: 310px;padding: 0px;}

#myform input#radiobutton_1,
#myform input#radiobutton_2,
#myform input#radiobutton_3 
{clear: left;float: left;padding: 0px;margin: 0px;}

#myform label.radioitem 
{clear: none;margin: 0px 0px 0px 25px;padding: 0px 0px 15px 0px;}

#myform textarea {display: block;margin-top: 3px;}

#myform input#checkbox_1,
#myform input#checkbox_2,
#myform input#checkbox_3 
{clear: both;float: left;padding: 0px;margin: 0px;}

#myform label.field-checkbox 
{clear: none;margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px;}

-->
</style>

Body :
[code]<h1>My Page with My Form</h1>

<p>This sample form will validate XHMTL 1.0 Strict, and it will render with reasonable consistency across the following Web browsers:</p>

<ul>
<li>Safari 1.2 for Mac OS X</li>
<li>Safari 2.0 for Mac OS X</li>
<li>Safari 3.0 for Windows</li>
<li>OmniWeb 5.1.1 for Mac OS X</li>
<li>Internet Explorer 5.2 for Mac OS X</li>
<li>Camino 0.9a1 for Mac OS X</li>
<li>Firefox 1.0 for Mac OS X</li>
<li>Firefox 1.0.4 for Windows</li>
<li>Internet Explorer 5.5 for Windows</li>
<li>Internet Explorer 6.0 for Windows</li>
<li>Opera 7.54 for Windows</li>
<li>Opera 9.0 for Windows</li>
</ul>

<p>Forms are notoriously difficult to style, and to get a form even to this point takes some effort. <br />
So you are welcome to use this form in whole or in part to create one of your own.<br />
Khoi Vinh shared a markup and CSS simple and flexible to be applied by almost everyone.<br />
If you choose to credit the original author , that would be terrific.</p>
<p>If you can improve this markup and, or the CSS, using Gijoe Pico smarty please share your changes with<br />
the community
Votes:1 Average:0.00

Posts tree

  Advanced search

Login
Username or e-mail:

Password:

Remember Me

Lost Password?

Register now!