2012-12-19から1日間の記事一覧

フォームの基本構造09

基本形(1) ソースコード【 HTML[ Embed ] 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習(1)</title> <style> #myform label { font-size: 0.875em; margin-bottom: 3px; display: block;/* 改行せずに次の行に移る */ } </style> </head> <body> <form action="#" method="post" id="myform"> <p> </p></form></body></html>

フォームの基本構造10

フォームの練習(2) ソースコード【 HTML [ Embed ] 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習(2)</title> <style> #myform label { font-size: 0.875em; width: 100px; display: block; float: left; } </style> </head> <body> <form action="#" method="post" id="myform"> <p> </p></form></body></html>

フォームの基本構造11

table 表示の崩れがなくなる 色が付けやすくなる ソースコード【 HTML [ Embed ] 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>テーブルで組むフォーム</title> <style> #myform { font-size: 0.875em; width: 500px; } #myform label { font-size: 0.875em; } #myform table { width: 100%; border-collapse: co</meta></head></html>…

リストを使ったナビゲーション

縦並びのボックス paddingは問題なし marginは相殺される 横並びのボックス marginは通常計算(相殺されません) paddingはブラウザにより影響 borderも計算に入れる borderの数値を大きくしただけで、崩れるこの解釈は、ブラウザごとに違う。 上記ような崩…

ActionScript

演習01 ソースコード【 ActionScript 】 // [ // ]以降、改行までがコメントになる。 // [ var(variable) ]宣言文 // [ Number(num:Object) ]指定された値を持つ Number オブジェクトを作成。 var num1:Number=10; var num2:Number=8; var num3:Number=12; v…

ActionScript02

演習02 ソースコード【 ActionScript 】 var speedA:Number=100;//車Aのスピード var speedB:Number=140;//車Bのスピード var distance:Number=560;//東京→大阪間の距離 //時間を求める計算式 timeA=distance/speedA; timeB=distance/speedB; ans=timeA-timeB…

ActionScript03

演習03 ソースコード【 ActionScript 】 var beer:Number=500;//ビールの値段 var uron:Number=300;//ウーロン茶の値段 var salad:Number=600;//サラダの値段 var chicken:Number=800;//チキンの値段 var pizza:Number=800;//ピザの値段 total=(beer*12)+(ur…