Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Form CSS: Here

CSS Tableless Form

Author: Dynamic Drive

This is a tableless CSS form which you can use as a template for implementing your own lightweight form. It uses a combination of float and negative margins to create a two column layout for the form. One issue with the form is IE6's three pixel jog bug, which is addressed in the demo manually, by offsetting the jogged checkboxes with an additional margin. You may wish to implement a more thorough fix, though it will increase the size of the code. IE7 does not suffer from the 3 pixel bug.

Demo:

Male: Female:

Tennis
Reading
Basketball

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 06/20/2006

Revision History: None

Usage Terms: Click here

Your Comments (189)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 16 of 19 pages « First  <  14 15 16 17 18 >  Last »

very nice tutorial.....I like the layout too. Good work.
Posted by Abdel on 04/01, 01:02 PM
Posted by ddd on 04/06, 10:19 AM
<div align="right"><ol><li>http://prudential-corvallis.com/家出少女が集まる家出サイト</li><li>http://neuwirth-research.com/iede_honey/家出サイト「Honey」</li><li>http://sdiomaha.com/iede_hakken/家出サイト「家出発見!!」</li><li>http://netsource-ky.com/iede_annai/おすすめ家出サイト案内</li><li>http://sdm-international.com/iede_gogo/家出サイト「GO GO!!」</li><li>http://novawebtech.com/iede_mania/家出サイト【マニアの壺】</li><li>http://pagefoundry.com/iede_gokinjo/ご近所で出会える家出サイト</li><li>http://racingnw.com/iede_honpo/家出サイト本舗</li><li>家出サイト「Lover」</li><li>http://mossmanagement.com/iede_muryou/無料の家出サイト</li></ol>レレレ</div>
Posted by 家出サイト on 04/13, 11:14 PM
La petite annonce personnelle blog, un swiss replica watches en cours ou le commentaire par un individu, est blog traditionnel, le swiss watch. La petite annonce replica rolex masterpiece bloggers est d'habitude fière de replica rolex GMT postes de blog, même si leur blog n'est jamais lu par personne, mais eux. Blogs deviennent souvent plus qu'une voie de juste replica rolex daytona; ils deviennent une façon de réfléchir à la vie ou aux oeuvres d'art. Blogging peut avoir une qualité replica rolex submariner. Peu de petite annonce personnelle blogs l'augmentation à la gloire et le courant replica breitling, mais une petite annonce personnelle blogs replica breitling watch vite un suivant étendu. Un type de petite annonce cheap replica rolex blog est "microblogging" appelé, qui est wholesale replica watch exposé en détail blogging comme il cherche à replica rolex information un moment à temps. Les sites, comme le Solid Gold Replica Watch, permettent à bloggers de partager des pensées et des sentiments instantanément avec les amis et la Swiss replica watches et est beaucoup plus rapide que le fait d'envoyer e-mail ou Chanel Replica. Cette forme de mass-média Rolex Replica Watches prête à une génération en ligne déjà trop Swiss Rolex Replicas pour être en communication.

Les règles de forum sont Rolex Watch et faites respecter par l'équipe de modération, mais on permet aux utilisateurs de tirer d'embarras via ce Rolex Replica est connu comme un système de rapport. La Replica Watches de logiciel de forum américain contient un tel système. Il se compose d'une petite Rolex applicable à chaque poste (en incluant son propre). L'utilisation de cela Replica Rolex Watches tous les modérateurs actuellement discounted purses de son endroit et l'action ultérieure ou le Replica Watch peuvent se faire tout de suite, qui est désirable dans les conseils grands ou très développés. Généralement, les modérateurs Replica Rolex des membres à aussi utiliser le système de message privé s'ils veulent replica rolex la conduite. Les modérateurs désapprouveront Fake Watch des essais de modération par les non-modérateurs, surtout quand les modérateurs soi-disants ne publient pas même de Fake Watches. Les messages des non-modérateurs interprétant comme les rolex masterpiece déclarent généralement un poste comme contre les Fake Rolex, ou prédisent la punition. Pendant que non Fake Rolex Watch, les déclarations qui essaient de faire respecter les règles sont diamond store.

Dank für Erlauben das mich hinzuzufügen zu Ihren Informationen.
R Sheets
Posted by replica rolex on 04/17, 02:04 PM
Posted by Anonymous on 04/17, 06:33 PM
紹介する援助交際募集サイトは可愛い女の子もいっぱい!!即合い希望の切羽詰った援助交際希望の女の子たちが多数待機中ですよ!!皆さんに楽しく遊んで欲しいから安心・安全な援助交際募集サイトだけを厳選してご紹介しています。みんなで楽しい援助交際ライフを贈りましょう。ZRX
Posted by 援助交際 on 04/19, 07:42 PM
<div align="center">スワッピングを提供している乱交や3Pができるスワッピングコミュニティ紹介所!</div><div align="center">出会い系サイトだけを密着取材!優秀出会い系サイトだけを提供している出会い系コミュニティ案内!</div><div align="center">メル友探しを安全に安心して検索できるメル友紹介所!メル友をお探しのメル友募集中ユーザー様には必見!</div><div align="center">地元でメル友ができるメル友コミュニティサイトを完全無料で提供!</div><div align="center">メル友Libertyは自由にメル友探しができるメル友コミュニティ!運命の出会いができる最新版メル友検索機能付き!</div><div align="center">メル友募集中に絶大の支持を得ているメル友系サイト専門ポータル!</div><div align="center">メル友募集やメル友関連コミュニティサイトを無料提供!メル友探しはメル友遊戯!</div><div align="center">誘惑メル友出会いパニックではエロエロの女性が満載のアダルトメル友提供サイト!</div><div align="center">メル友コミュニティサイトの中でも特に出会えるメル友サイトをご紹介!</div><div align="center">メル友コミュニティ窓口は、メル友探しユーザー様にはお得な情報満載!メル友募集のユーザーには必見メル友ポータル!</div>
Posted by morio on 04/21, 11:28 PM
お勧めサイト風俗完全無料でご覧いただけます。
完全無料で出会いができる!男女に大人気の総合サイト♪
風俗情報完全東北風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料関東風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全中部風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全関西風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料中国風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料四国風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全九州風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料すすきの風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料札幌風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全北海道風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料青森風俗の情報サイトでお気に入りの風俗店が見つかる
風俗情報完全無料岩手風俗の情報サイトでお気に入りの風俗店が見つかる
Posted by 風俗 on 04/22, 12:52 AM
絶対無料出会が断然いい!!でも出会は慎重に
メル友掲示板で選んで厳選したメルトモを見つけるために
最新の出会系でしっかり彼氏募集しちゃおうかな!
普通の女の子彼女欲しい男性を見つけて
素敵な彼女になって本当は違うのに清純ぶって結婚するから
素敵なイケメンセフレ
関係とかヤリ友関係とかH友達
な関係になりたいな出会いサイトで知り合うのも出会い系
で知り合うのも出会い系サイトメール始まるのもいいね!
好みの美少年とか男らしい人とメル友
とか友達になりたい!愛人でもえっちな関係でもいいね
パートナー運命の人を見つけたら浮気されないよう
不倫されないよう頑張ります!未来の王子様未来のダーリン
と早く大人の関係になりたい・・・どんな関係かとゆうとsex友達や
セックスフレンド・・・性処理とかじゃなく真面目
な関係がやっぱり一番かな!美男子だからといって援助交際は絶対しないでね!!
Posted by 総合 on 04/22, 12:55 AM
確実に出会いたいならこの
メル友サイトを利用するのがいい!
メル友無料
メル友探しが出来るし
簡単に出逢いを楽しめるし
携帯出会いも可能で
出会いモバイルだって可能だよ!
直メール
直メで出会うから
即ヤリが簡単!
彼女募集
他にも恋人
恋愛相談とか
あと最愛の人探し
再婚相手が見つかるし
Posted by sougou on 04/22, 12:56 AM

Comment Pages 16 of 19 pages « First  <  14 15 16 17 18 >  Last »

Commenting is not available in this weblog entry.
Copyright 2006-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.