HTML・CSS

子要素でfloatを使用していて、また子要素の高さもその時で変わるので親要素で高さを指定できず、親要素でボーダーを使うと思ったような高さが得られないことがあります。上の画像のような表示になるサンプル<div class="border"> ...

テキストと画像の上が揃わないときがあります。基本的にテキストは、pタグが使われるので上下にマージンが設定されているので無効にすることで上が揃います。<p style="margin:0;">テキスト</p>参考例画像を左にフロートさせた下の...

Bootstrapを利用すると、簡単にドロップダウンメニューを作成にすることができます。参考ページ：Dropdowns１．ドロップダウンするテキストにdata-toggle="dropdown"を追加２．表示するメニューリスト（ul）にcl...

Bootstrapで比較的簡単にサムネイルを作ることができます。参考ページ：Thumbnailsimgタグを囲んだaタグ（リンクなしのときdiv）のclassに"thumbnail"を設定するとサムネイル風の表示になります。サイズの設定は、...

Bootstrapで画像の表示スタイルを変更することができます。参考ページ：Imagesimgタグのclassに"img-rounded"で角を丸く、"img-circle"で円に、"img-thumbnail"でサムネイル風に、それぞれス...