- ベストアンサー
checkboxの位置と大きさを変える方法について
- checkboxの位置と大きさを変える方法を教えてください
- checkboxの位置を図の中に持ってくる方法を教えてください
- checkboxの大きさを変える方法について教えてください
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
そのままのHTMLでしたら単純に input[name="figure"]{position:relative;left:30px;top:-20px;margin-left:-20px;} ＞できれば、大きさも変えたいと考えています。 ★inputなどUI(ユーザーインターフェースに関わる部分はデザインを変えてはなりません。 HTMLが不正なので、ちゃんとマークアップすれば変わります。
その他の回答 (1)
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 位置や大きさは微調整してください。 css以外ででやるとしたら昔多用されていたtableを使って、背景画像を分割すればそれっぽいのは出来ると思います。 ただ、チェックボックスの大きさを変えるのにcssを使うと思いますので、cssでやればいいと思います。 <html lang="ja-JP"> <head> <style type="text/css"> img { border: solid 1px #000; } ul li { list-style: none; position: relative; margin: 3px 0; } ul li input { position: absolute; bottom: 2px; left: 2px; width: 30px; height: 30px; } </style> </head> <body> <ul> <li> <img src="test.png" width="150" height="150" alt="test"> <input type="checkbox" name="test" value="1"> </li> <li> <img src="test.png" width="150" height="150" alt="test"> <input type="checkbox" name="test" value="2"> </li> <li> <img src="test.png" width="150" height="150" alt="test"> <input type="checkbox" name="test" value="3"> </li> <li> <img src="test.png" width="150" height="150" alt="test"> <input type="checkbox" name="test" value="4"> </li> <li> <img src="test.png" width="150" height="150" alt="test"> <input type="checkbox" name="test" value="5"> </li> </ul> </body> </html>
お礼
ありがとうございました。 やりたいことができました。