###前提・実現したいこと
画像とテーブルの間を狭くしたい。
画像とテーブルの間を30pxにしたい。
###発生している問題・エラーメッセージ
特にエラーは発生していない。
###該当のソースコード
htmlには
<div class="container"> <div class="col-xs-3"></div> <div class=" detailimg col-xs-6 "> <img class="small_img " width="500px" height="300px" alt="画像"> <div class="absolute-fill vertical-center-container "> <p class="img_detail">画像1</p> </div> </div> <div class="table-padding col-xs-12 "> <table border="0 " class="table table-bordered "> <tr><th></th><th>列-A</th><th>列-B</th></tr> <tr><td>行-1</td><td>A-1</td><td>B-1</td></tr> <tr><td>行-2</td><td>A-2</td><td>B-2</td></tr> <tr><td>行-3</td><td>A-3</td><td>B-3</td></tr> </table> </div> </div>
cssには
.img_detail { color: white; font-size: 30px; padding: 0px 20px; text-align: center; font-weight: bold; } .small_img { margin: 40px 0; } .table-padding{ padding-top:700px; }
と書いた。
###試したこと
CSSのtable-paddingのpadding-topの値を20pxなどにしたが全く画像とテーブルの間が小さくならなかった。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。