ｃｓｓの質問です。
下のコードのclass="a1"class="a2"class="a3"を指定の場所にフロートしたいのですが、どう書いたらいいか↓↓
左"a1" 中央"a2" 右"a3" の場所にしたいのです。
ｈｔｍｌコード↓
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN">
<html lang="ja">
<head>
<title>サンプルサイト</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="style2.css" media="all">
</head>
<body>
<div class="a1">
<p class="submenu">SAMPLE1</p>
<ul>
<li class="left"><a href="">CONTENTS1</a></li>
<li class="left"><a href="">CONTENTS2</a></li>
<li class="left"><a href="">CONTENTS3</a></li>
<li class="left"><a href="">CONTENTS4</a></li>
<li class="left"><a href="">CONTENTS5</a></li>
<li class="left"><a href="">CONTENTS6</a></li>
</ul>
<p class="submenu">SAMPLE2</p>
<ul>
<li class="left"><a href="">CONTENTS1</a></li>
<li class="left"><a href="">CONTENTS2</a></li>
</ul>
<p class="submenu">SAMPLE3</p>
<ul>
<li class="left"><a href="">CONTENTS1</a></li>
<li class="left"><a href="">CONTENTS2</a></li>
</ul>
<p class="submenu">SAMPLE4</p>
<ul>
<li class="left"><a href="">CONTENTS1</a></li>
<li class="left"><a href="">CONTENTS2</a></li>
<li class="left"><a href="">CONTENTS3</a></li>
</ul>
</div>
<div class="a2">
<img src="thum.jpg" alt="test" width="420" height="180">
<p class="rireki">---------更新履歴---------</p>
<p class="list">
2005/1/2 ホームページ開設<br>
2005/1/2 画像をアップしました<br>
2005/1/2 第一回リニューアル<br>
2005/1/2 第二回リニューアル<br>
2005/1/2 ホームページ閉鎖<br>
</p>
<h2>What"s new</h2>
<p class="no1">
◆ [2005/1/2] <span>ビタミンAがレチノールと呼ばれました。<span><br><br>
◆ [2005/1/3] <span>ビタミンCがアスコルビン酸と呼ばれました。<span><br><br>
◆ [2005/1/4] <span>ビタミンDがコレカルシフェロールと呼ばれました。<span><br><br>
◆ [2005/1/5] <span>ビタミンEがトコフェロールと呼ばれました<span><br><br>
</p>
</div>
<div class="a3">
<p class="submenu1">LINK</p>
<ul>
<li class="right"><a href="">LINK1</a></li>
<li class="right"><a href="">LINK2</a></li>
<li class="right"><a href="">LINK3</a></li>
</ul>
</div>
</body>
</html>
指定の場所にフロート
.a1, .a2, .a3 {
float: left;
}
ｈｔｍｌ文のコードで間違い
◆ [2005/1/2] <span>ビタミンAがレチノールと呼ばれました。<span><br><br>
◆ [2005/1/3] <span>ビタミンCがアスコルビン酸と呼ばれました。<span><br><br>
◆ [2005/1/4] <span>ビタミンDがコレカルシフェロールと呼ばれました。<span><br><br>
◆ [2005/1/5] <span>ビタミンEがトコフェロールと呼ばれました<span><br><br>
span が閉じていません。
0 件のコメント:
コメントを投稿