−基本の体裁−

indexに戻る 基本の体裁 ページの基礎 backgraundimg、 ソーシャルアイコン タップして電話

フォーム するするパネル表示 グローバルナビ新 グローバルナビ古

フォントの指定

WPメールフォーム

テーブルでそうやってもTHが幅広にならない場合は均一にしてから、THにwidthでサイズを指定すると良い。

table {
	table-layout: fixed;
}

td.data {
	width: 20%;
}

WPメールフォーム

/*フォーム*/
#formTB{
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	background-color: #e4f7ff;
	padding:20px 20px 0px 20px;
	margin-bottom:30px;
}


#formTB table{
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
	margin-bottom:20px;
}
#formTB table th{
	width:30%;
	border-bottom:dotted 1px #868293;
	padding:10px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
}
#formTB table td{
	border-bottom:1px dotted #868293;
	padding:10px;
}
.submit{margin-left:20px;}

#formTB input{width:80%;}
#formTB input.con{width:40%;}
#formTB textarea{width:90%;}

一行タイプのインプットだけに適用させたい場合はinput[type=text]を使う。
さらに個別に指定したい時にはclassを使って振り分ける

<input type="text" name="fld5" class="con">

<div class="submit"><input type="image" name="sbm" src="muryou/btm.png" alt="上記の内容で受付する" /></div>


input[type=text]{width:80%;}
.submit{text-align:center; margin-top:20px;}
textarea{width:100%; height:10em;}

送信ボタンはdivで囲えば、text-align:center;　で中央寄せになる！