2013-05-29から1日間の記事一覧

コンテンツを中央に配置する

body{font-size:100%;/*各ブラウザの設定に依存する*/ margin:0px;/*ブラウザとの余白*/ padding:0px;/*ブラウザとの余白*/ background-image:url(../image/bg.jpeg);}/*背景画像挿入*/ #wrapper {width:960px;/*全体の幅*/ background-color:#ffffff; margi…

XHTML4.0

XHTML1.0の基本的な頭部分です。 /をつける。 小文字で記述する事を忘れずに! クラスやid名は大文字可能。 それ以外のタグには小文字を使用する。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

文字と画像を同列に並べる方法

vertical-alignはインライン要素とテーブルセル要素にのみ適用します。 ブロックレベル要素には適用できませんので、display: table-cell;を使用します。[方法1] H1の中に画像を入れる方法※この方法は、文字数が多かったり、改行するとimageの下に文字が回り…

listの画像位置を調整する。

<div id="side_nav"> <ul> <li><a href="#">A</a></li> <li><a href="#">B</a></li> <li><a href="#">C</a></li> <li><a href="#">D</a></li> <li><a href="#">E</a></li> </ul> </div> #side_nav ul{ list-style:none; padding:0px; margin-left:20px; line-height:1.5em; /*emはMを基準にした大きさ…