試行錯誤ページ192



/*background-imageでラジオ背景にバツ印*/
background: url('http://eigoblock.net/wp-content/uploads/2018/03/batsumark.png') no-repeat center;

ラジオ縦トップの調整用ページ


第一問 まーくんの名前は?

 
Q2. 答えはA(5点)
readonlyなし(正解不正解が出るinputが横になっているのでここにスペースが出てしまう、文字はタテにできない、inputのタテヨコは指定可)
 

 
 
Q3. 答えはA(5点)
 

 
 
Q4. 答えはA(5点)
 

 

Q5.答えはA(10点)




label内にmargin-top

input内にmargin-top

全体を挟むspanでmargin-top

 
 
height:autoにすると縦書きでラジオボタンの位置が文字の左に来てしまう。
 
装飾部分は、縦横切替ではうまくいかない。topとleftで位置調整できるが・・・
 
hidekeyが採点に影響してしまうので、再テスト方式は使えない
 
 
 

 
Q6.答えはA(10点)



 
 
 

Q7.答えはA(10点)



Q8.答えはA(10点)



Q9.答えはA(20点)



Q10.答えはA(20点)





div sampleのなかに入れるとラジオ・チェックボックスがなくなる


重なっていて少しバグってる

検証→試行187へ