Kadir Özdemir

  • Ben Kimim
  • PHP
  • Sencha Touch
  • Home/
  • diger Kodlar /
  • Tablosuz Form yaratmak

Tablosuz Form yaratmak

Skorp 04.06.2007 Leave a Comment

Slmlar,
Sitepoint de okudugum bir makaleden kendim icin kenara yazdigim bir kodu ekliyorum.
Tablosuz design web2 ve gelecegin teknigi oldugu icin artik herkez yavas yavas su tablo larden kurtulmali diye düsünüyorum. Evet tablosuz form nasil görünüyor burdan baka bilirsiniz.
kodu ekliyorum anlamadiginiz yada düzeltilmesini istediginiz biryer olrusa yazarsiniz.

<style type="text/css">
legend {  
margin-left: 25px;  
color: #569dd3;  
font-weight: bold; 
} 
fieldset ol {  
padding: 10px 10px  0 20px;
list-style: none; 
} 
label {  
float: left;  
width: 10em;  
margin-right: 1em; 
border:0px solid red;
}
fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 6px;
border:0px solid #000;
}
fieldset {  
float: left;  
clear: left;  
width: 500px;  
margin: 0 0 1.5em 0;  
padding: 0; 
}
fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 12em; 
}
.required {
  float:right;
  color:red;
}
</style>
<form action="example.php">  
<fieldset>  
<legend>Contact Details</legend>  
<ol>  
<li>  
<label for="name"><span class="required">*</span>Name:</label>  
<input id="name" name="name" class="text" type="text" />  
</li>  
<li>  
<label for="email">Email address:</label>  
<input id="email" name="email" class="text" type="text" />  
</li>  
<li>  
<label for="phone">Telephone:</label>  
<input id="phone" name="phone" class="text" type="text" />  
</li>  
</ol>   
</fieldset>  
<fieldset class="submit">  
<input class="submit" type="submit"  
value="Begin download" />  
</fieldset>
</form>
Skorp
2007-06-04
Tags:
Xhtml
Share story:
← PreviousHtaccess ile subdomain
Next →Javascript de isset

Written by Skorp

View all articles by Skorp

Website: http://www.skorp.eu

Related Articles

  • Developers Shame Day

  • Programcilarin utanc günü

  • özel karakteler utf7

  • unicode (utf8) harfler

Leave a Comment Cancel Reply

Your email address will not be published. Required fields are marked *

Social networks

Etiket Bulutu

Android Bilgisayar & Internet C# Cms css diger Kodlar featured Genel Java Javascript Linux Mobile PHP Silverstripe typo3 Veritabani Windows Zend Framework

Links

  • H E R K O N U
  • Hüseyin Koyun
  • Urban23k

Son Yorumlar

  • Primary Key – Unique ve Index nedir? için Onur
  • Centos de apache, php ve mysql kurulumu için sezer fidancı
  • React Native – Kurulum için React Native | Kadir Özdemir
  • React Native için React Native – Kurulum | Kadir Özdemir
  • Ben Kimim için serkan

Twitter

Follow @skorp54
There is an error in twitter widget, please make sure that you have set up the Twitter API settings
  • Ben Kimim
  • PHP
  • Sencha Touch

Arsivler

Kategoriler

Copyright © 2014 webberz.at