HTML・CSS

CSSで画像(の回り込み)とテキストを上で揃える

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

Bootstrapでドロップダウンメニューを作成する

Bootstrapを利用すると、簡単にドロップダウンメニューを作成にすることができます。 参考ページ:Dropdowns 1.ドロップダウンするテキストにdata-toggle="dropdown"を追加 2.表示するメニューリスト(ul)...
HTML・CSS

Bootstrapでサムネイルを作成する

Bootstrapで比較的簡単にサムネイルを作ることができます。 参考ページ:Thumbnails imgタグを囲んだaタグ(リンクなしのときdiv)のclassに"thumbnail"を設定するとサムネイル風の表示になります。サイズの設定...
HTML・CSS

Bootstrapで画像のスタイルを変更する

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

Bootstrapでページネーション(ページャー)を作成する

Bootstrapでページネーション(ページャー)を作成する方法について。 参考ページ:Pagenation ページネーションの作成 ページネーションを作るには、ul(ol)要素のclassに"pagination"を追加するだけでページネ...