へのつっぱりはいらんすよ
夜勤やら後期試験やらレポートやらでいそがしかったぁ
それとは関係ないけど今日でるCRキン肉マンの整理券もとれたしできっちり5000円くらいあそんできます(笑)
ミドルのバトルだから早いうちに初あたりひかないとつらいけど(笑)
それとは関係ないけど今日でるCRキン肉マンの整理券もとれたしできっちり5000円くらいあそんできます(笑)
ミドルのバトルだから早いうちに初あたりひかないとつらいけど(笑)
涼宮ハルヒの激動
ニコニコでみるかぎりすごい糞ゲーでした。
約束が神作品にみえる。
戸惑が普通レベルの作品にみえる。
激動はもう最悪すぎる。
やっぱりハルヒはダンスゲーとかよりもノベルゲーのがいいな。
RPGとかもあんまりよくない。
ただ並列と直列はかなり楽しみ。
まぁどうせ発売日のびると思うけどねw
約束が神作品にみえる。
戸惑が普通レベルの作品にみえる。
激動はもう最悪すぎる。
やっぱりハルヒはダンスゲーとかよりもノベルゲーのがいいな。
RPGとかもあんまりよくない。
ただ並列と直列はかなり楽しみ。
まぁどうせ発売日のびると思うけどねw
さらにスリムに
====
index.html
====
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="index.css" />
<title>SAMPLE BLOG</title>
<meta content="ブログサンプル" name="keywords" />
<meta content="SAMPLEブログ" name="description" />
</head>
<body>
<div id="all">
<div id="top">
<h1><a href="../">SAMPLE BLOG</a></h1>
<p>サンプルです。</p>
</div>
<div id="sub1">
<div class="sub_menu">
<h2>記事一覧</h2>
<ul>
<li>消費税引き上げ問題</li>
<li>NHK改革</li>
</ul>
</div>
<div class="sub_menu">
<h2>NEWS取得元</h2>
<ul>
<li>Yahoo JAPAN</li>
</ul>
</div>
<div class="sub_menu">
<h2>関連サイトリンク</h2>
<ul>
<li><a href="http://yahoo.co.jp/" target="_blank">Yahoo!</a></li>
<li><a href="http://www.47news.jp/" target="_blank">47News</a></li>
<li><a href="http://google.co.jp//" target="_blank">Google</a></li>
</ul>
</div>
<div class="sub_menu">
<h2>RSS購読</h2>
<ul>
<li>RSS受信登録</li>
</ul>
</div>
<div class="sub_menu">
<h2>PR</h2>
<ul>
<li>○○が○○で1000円!</li>
</ul>
</div>
</div>
<div id="sub2">
<div class="sub_menu">
<h2>管理人情報</h2>
<img src="monar_10.gif" width="96" height="96" alt="管理人アバター" />
<ul>
<li>xx/xx/xx</li>
<li>男</li>
</ul>
<p>※引用元<br />
<a href="http://matsucon.net/material/mona/bigsize.html">ここから借りました。</a></p>
</div>
<div class="sub_menu">
<h2>ランキング</h2>
<ul>
<li>現在不参加</li>
</ul>
</div>
<div class="sub_menu">
<h2>管理用</h2>
<ul>
<li>管理者ログイン</li>
</ul>
</div>
</div>
<div id="main">
<div class="kiji">
<h1>消費税引き上げ問題</h1>
<p>
08年度第2次補正予算案を衆院通過させた麻生政権に、早くも次のハードルが立ちはだかった。14日の自民党政調全体会議で、政府が近く閣議決定する「経済財政の中長期方針と10年展望」に対し、11年度からの消費税増税を前提にしていることに批判が噴出したのだ。15日に始まる09年度税制改正関連法案の党内審議も、消費税率引き上げを明記した「中期プログラム」との関係を巡って紛糾は必至。定額給付金に続き、消費税増税を巡る党内の異論が早くも表面化し、政府・与党の国会対応も厳しさを増すことになりそうだ。(毎日新聞)
</p>
</div>
<div class="kiji">
<h1>NHK改革</h1>
<p>
NHKは14日、NHKの09年度予算と事業計画を発表した。事業収入が前年度比124億円増の6699億円に対し、事業支出は同256億円増の6728億円で、29億円の赤字予算となった。(毎日新聞)
</p>
</div>
</div>
<div id="footer">
サンプル
</div>
</div>
</body>
</html>
====
index.css
====
a {
color: #008000;
}
a:visited {
color: #008000;
}
a:active {
color: #FFFF00;
}
a:hover {
color: #FFFF00;
}
body {
background-color:black;
padding:0;
margin:0;
color: orange;
}
#all {
margin:0 auto;
width:800px;
}
#top {
width:794px;
margin 2px 0px 8px 0px;
border: 3px solid orange;
}
#top h1 {
font-size:30px;
margin:10px;
}
#top p {
font-size:14px;
margin: 0px 0px 10px 10px;
}
/* ↓メインコンテンツ */
#main {
width:498px;
margin: 0 1px;
float:right;
}
.kiji {
border: 3px solid orange;
margin: 3px 2px 10px 2px;
}
.kiji h1 {
margin: 0;
background-color:orange;
color:green;
text-align:center;
font-weight:bold;
font-size:30px;
}
.kiji p {
font-size:medium;
margin:10px;
}
/* ↓左サブメニュー */
#sub1 {
width:150px;
float:left;
}
/* ↓右サブメニュー */
#sub2 {
width:150px;
float:right;
}
.sub_menu {
border: 3px solid orange;
margin: 2px 0px 6px 0px
}
.sub_menu h2 {
margin:0px;
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
text-align:center;
}
#footer {
width:794px;
border: 3px solid orange;
margin-top:5px;
text-align:center;
clear:both;
}
たぶんこれ以上はあんまり変更点ないように思う。
index.html
====
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="index.css" />
<title>SAMPLE BLOG</title>
<meta content="ブログサンプル" name="keywords" />
<meta content="SAMPLEブログ" name="description" />
</head>
<body>
<div id="all">
<div id="top">
<h1><a href="../">SAMPLE BLOG</a></h1>
<p>サンプルです。</p>
</div>
<div id="sub1">
<div class="sub_menu">
<h2>記事一覧</h2>
<ul>
<li>消費税引き上げ問題</li>
<li>NHK改革</li>
</ul>
</div>
<div class="sub_menu">
<h2>NEWS取得元</h2>
<ul>
<li>Yahoo JAPAN</li>
</ul>
</div>
<div class="sub_menu">
<h2>関連サイトリンク</h2>
<ul>
<li><a href="http://yahoo.co.jp/" target="_blank">Yahoo!</a></li>
<li><a href="http://www.47news.jp/" target="_blank">47News</a></li>
<li><a href="http://google.co.jp//" target="_blank">Google</a></li>
</ul>
</div>
<div class="sub_menu">
<h2>RSS購読</h2>
<ul>
<li>RSS受信登録</li>
</ul>
</div>
<div class="sub_menu">
<h2>PR</h2>
<ul>
<li>○○が○○で1000円!</li>
</ul>
</div>
</div>
<div id="sub2">
<div class="sub_menu">
<h2>管理人情報</h2>
<img src="monar_10.gif" width="96" height="96" alt="管理人アバター" />
<ul>
<li>xx/xx/xx</li>
<li>男</li>
</ul>
<p>※引用元<br />
<a href="http://matsucon.net/material/mona/bigsize.html">ここから借りました。</a></p>
</div>
<div class="sub_menu">
<h2>ランキング</h2>
<ul>
<li>現在不参加</li>
</ul>
</div>
<div class="sub_menu">
<h2>管理用</h2>
<ul>
<li>管理者ログイン</li>
</ul>
</div>
</div>
<div id="main">
<div class="kiji">
<h1>消費税引き上げ問題</h1>
<p>
08年度第2次補正予算案を衆院通過させた麻生政権に、早くも次のハードルが立ちはだかった。14日の自民党政調全体会議で、政府が近く閣議決定する「経済財政の中長期方針と10年展望」に対し、11年度からの消費税増税を前提にしていることに批判が噴出したのだ。15日に始まる09年度税制改正関連法案の党内審議も、消費税率引き上げを明記した「中期プログラム」との関係を巡って紛糾は必至。定額給付金に続き、消費税増税を巡る党内の異論が早くも表面化し、政府・与党の国会対応も厳しさを増すことになりそうだ。(毎日新聞)
</p>
</div>
<div class="kiji">
<h1>NHK改革</h1>
<p>
NHKは14日、NHKの09年度予算と事業計画を発表した。事業収入が前年度比124億円増の6699億円に対し、事業支出は同256億円増の6728億円で、29億円の赤字予算となった。(毎日新聞)
</p>
</div>
</div>
<div id="footer">
サンプル
</div>
</div>
</body>
</html>
====
index.css
====
a {
color: #008000;
}
a:visited {
color: #008000;
}
a:active {
color: #FFFF00;
}
a:hover {
color: #FFFF00;
}
body {
background-color:black;
padding:0;
margin:0;
color: orange;
}
#all {
margin:0 auto;
width:800px;
}
#top {
width:794px;
margin 2px 0px 8px 0px;
border: 3px solid orange;
}
#top h1 {
font-size:30px;
margin:10px;
}
#top p {
font-size:14px;
margin: 0px 0px 10px 10px;
}
/* ↓メインコンテンツ */
#main {
width:498px;
margin: 0 1px;
float:right;
}
.kiji {
border: 3px solid orange;
margin: 3px 2px 10px 2px;
}
.kiji h1 {
margin: 0;
background-color:orange;
color:green;
text-align:center;
font-weight:bold;
font-size:30px;
}
.kiji p {
font-size:medium;
margin:10px;
}
/* ↓左サブメニュー */
#sub1 {
width:150px;
float:left;
}
/* ↓右サブメニュー */
#sub2 {
width:150px;
float:right;
}
.sub_menu {
border: 3px solid orange;
margin: 2px 0px 6px 0px
}
.sub_menu h2 {
margin:0px;
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
text-align:center;
}
#footer {
width:794px;
border: 3px solid orange;
margin-top:5px;
text-align:center;
clear:both;
}
たぶんこれ以上はあんまり変更点ないように思う。
前回のやつの手直し
こうすればforefoxとかの新しいブラウザでも正常に表示されるらしいです。
===
index2.html
===
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="index2.css" />
<title>SAMPLE BLOG</title>
<meta content="ブログサンプル" name="keywords" />
<meta content="SAMPLEブログ" name="description" />
</head>
<body>
<div id="all"><div id="td_main"><div id="top">
<a href="../">SAMPLE BLOG</a></div>
<div id="coment">サンプルです。</div>
</div>
<div id="sub1"><div id="sub1_menu1"><div id="menu_back_1">記事一覧</div>
<ul>
<li>消費税引き上げ問題</li>
<li>NHK改革</li>
</ul>
</div>
<div id="sub1_menu2"><div id="menu_back_2">NEWS取得元</div>
<ul>
<li>Yahoo JAPAN</li>
</ul>
</div>
<div id="sub1_menu3"><div id="menu_back_3">関連サイトリンク</div>
<ul>
<li><a href="http://yahoo.co.jp/" target="_blank">
Yahoo!</a></li>
<li><a href="http://www.47news.jp/" target="_blank">
47News</a></li>
<li><a href="http://google.co.jp//" target="_blank">
Google</a></li>
</ul>
</div>
<div id="sub1_menu4"><div id="menu_back_4">RSS購読</div>
<ul>
<li>RSS受信登録</li>
</ul>
</div>
<div id="sub1_menu5"><div id="menu_back_5">PR</div>
<ul>
<li>○○が○○で1000円!</li>
</ul>
</div>
</div><div id="sub2"><div id="sub2_menu1"><div id="menu_back_6">管理人情報</div>
<img src="monar_10.gif" width="100%" height="100%" alt="管理人アバター" />
<ul>
<li>xx/xx/xx</li>
<li>男</li>
</ul>
※引用元<br />
<a href="http://matsucon.net/material/mona/bigsize.html">
ここから借りました。</a>
</div>
<div id="sub2_menu2"><div id="menu_back_7">ランキング</div>
<ul>
<li>現在不参加</li>
</ul>
</div>
<div id="sub2_menu3"><div id="menu_back_8">管理用</div>
<ul>
<li>管理者ログイン</li>
</ul>
</div>
</div><div id="main">
<div id="main_1"><div id="menu_back_main">消費税引き上げ問題</div>
<div id="kiji">
08年度第2次補正予算案を衆院通過させた麻生政権に、早くも次のハードルが立ちはだかった。14日の自民党政調全体会議で、政府が近く閣議決定する「経済財政の中長期方針と10年展望」に対し、11年度からの消費税増税を前提にしていることに批判が噴出したのだ。15日に始まる09年度税制改正関連法案の党内審議も、消費税率引き上げを明記した「中期プログラム」との関係を巡って紛糾は必至。定額給付金に続き、消費税増税を巡る党内の異論が早くも表面化し、政府・与党の国会対応も厳しさを増すことになりそうだ。(毎日新聞)
</div>
</div>
<div id="main_2"><div id="menu_back_main_2">NHK改革</div>
<div id="kiji_2">
NHKは14日、NHKの09年度予算と事業計画を発表した。事業収入が前年度比124億円増の6699億円に対し、事業支出は同256億円増の6728億円で、29億円の赤字予算となった。(毎日新聞)
</div>
</div>
</div>
<div id="footer">
サンプル
</div>
</div>
</body>
</html>
===
index2.css
===
a {
color: #008000;
}
a:visited {
color: #008000;
}
a:active {
color: #FFFF00;
}
a:hover {
color: #FFFF00;
}
body {
background-color:black;
text-align:center;
padding:0;
margin:0;
}
#top {
color:orange;
font-size:30px;
margin:10px;
}
#td_main {
width:794px;
border-style:solid;
border-color:orange;
border-width:3px
font-family:"MS Pゴシック", Arial, sans-serif;
text-align:left;
margin-left:0px;
margin-right:0px;
margin-top:2px;
margin-bottom:8px;
float:none;
}
#coment {
font-size:14px;
color:orange;
margin-top:0px;
margin-left:10px;
margin-bottom:10px;
}
#all {
margin:0 auto;
margin-bottom:0px;
text-align:center;
width:800px;
}
/* ↓メインコンテンツ */
#main {
width:498px;
margin-right:1px;
margin-left:1px;
float:right;
color:orange;
}
/* ↓左サブメニュー */
#sub1 {
width:150px;
float:left;
color:orange;
}
/* ↓右サブメニュー */
#sub2 {
width:150px;
float:right;
color:orange;
}
#menu_back_1 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_2 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_3 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_4 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_5 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_6 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_7 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_8 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_main {
background-color:orange;
color:green;
font-weight:bold;
font-size:30px;
}
#menu_back_main_2 {
background-color:orange;
color:green;
font-weight:bold;
font-size:30px;
}
li {
text-align:left;
}
#sub1_menu1 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu2 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu3 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu4 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu5 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub2_menu1 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub2_menu2 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub2_menu3 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#main_1 {
border-style:solod;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:3px;
margin-bottom:10px;
margin-left:2px;
margin-right:2px;
}
#main_2 {
border-style:solod;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:3px;
margin-bottom:10px;
margin-left:2px;
margin-right:2px;
}
#kiji {
font-family:"MS Pゴシック", Arial, sans-serif;
font-size:medium;
font-style:normal;
margin:10px;
}
#kiji_2 {
font-family:"MS Pゴシック", Arial, sans-serif;
font-size:medium;
font-style:normal;
margin:10px;
}
#footer {
width:794px;
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
clear:both;
}
=============================================
一応htmlチェックというサイトに通してみました。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
結果:このHTMLは 100点です。タグが 13種類 65組使われています。文字コードは UTF-8 のようです。
エラーが2個でてましたが、メール要素をlink部分に組み込めとか次のページを要素にくみこめとかあってもなくても問題のないものです。
たいへんよくできました!って画像でました。
===
index2.html
===
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" href="index2.css" />
<title>SAMPLE BLOG</title>
<meta content="ブログサンプル" name="keywords" />
<meta content="SAMPLEブログ" name="description" />
</head>
<body>
<div id="all"><div id="td_main"><div id="top">
<a href="../">SAMPLE BLOG</a></div>
<div id="coment">サンプルです。</div>
</div>
<div id="sub1"><div id="sub1_menu1"><div id="menu_back_1">記事一覧</div>
<ul>
<li>消費税引き上げ問題</li>
<li>NHK改革</li>
</ul>
</div>
<div id="sub1_menu2"><div id="menu_back_2">NEWS取得元</div>
<ul>
<li>Yahoo JAPAN</li>
</ul>
</div>
<div id="sub1_menu3"><div id="menu_back_3">関連サイトリンク</div>
<ul>
<li><a href="http://yahoo.co.jp/" target="_blank">
Yahoo!</a></li>
<li><a href="http://www.47news.jp/" target="_blank">
47News</a></li>
<li><a href="http://google.co.jp//" target="_blank">
Google</a></li>
</ul>
</div>
<div id="sub1_menu4"><div id="menu_back_4">RSS購読</div>
<ul>
<li>RSS受信登録</li>
</ul>
</div>
<div id="sub1_menu5"><div id="menu_back_5">PR</div>
<ul>
<li>○○が○○で1000円!</li>
</ul>
</div>
</div><div id="sub2"><div id="sub2_menu1"><div id="menu_back_6">管理人情報</div>
<img src="monar_10.gif" width="100%" height="100%" alt="管理人アバター" />
<ul>
<li>xx/xx/xx</li>
<li>男</li>
</ul>
※引用元<br />
<a href="http://matsucon.net/material/mona/bigsize.html">
ここから借りました。</a>
</div>
<div id="sub2_menu2"><div id="menu_back_7">ランキング</div>
<ul>
<li>現在不参加</li>
</ul>
</div>
<div id="sub2_menu3"><div id="menu_back_8">管理用</div>
<ul>
<li>管理者ログイン</li>
</ul>
</div>
</div><div id="main">
<div id="main_1"><div id="menu_back_main">消費税引き上げ問題</div>
<div id="kiji">
08年度第2次補正予算案を衆院通過させた麻生政権に、早くも次のハードルが立ちはだかった。14日の自民党政調全体会議で、政府が近く閣議決定する「経済財政の中長期方針と10年展望」に対し、11年度からの消費税増税を前提にしていることに批判が噴出したのだ。15日に始まる09年度税制改正関連法案の党内審議も、消費税率引き上げを明記した「中期プログラム」との関係を巡って紛糾は必至。定額給付金に続き、消費税増税を巡る党内の異論が早くも表面化し、政府・与党の国会対応も厳しさを増すことになりそうだ。(毎日新聞)
</div>
</div>
<div id="main_2"><div id="menu_back_main_2">NHK改革</div>
<div id="kiji_2">
NHKは14日、NHKの09年度予算と事業計画を発表した。事業収入が前年度比124億円増の6699億円に対し、事業支出は同256億円増の6728億円で、29億円の赤字予算となった。(毎日新聞)
</div>
</div>
</div>
<div id="footer">
サンプル
</div>
</div>
</body>
</html>
===
index2.css
===
a {
color: #008000;
}
a:visited {
color: #008000;
}
a:active {
color: #FFFF00;
}
a:hover {
color: #FFFF00;
}
body {
background-color:black;
text-align:center;
padding:0;
margin:0;
}
#top {
color:orange;
font-size:30px;
margin:10px;
}
#td_main {
width:794px;
border-style:solid;
border-color:orange;
border-width:3px
font-family:"MS Pゴシック", Arial, sans-serif;
text-align:left;
margin-left:0px;
margin-right:0px;
margin-top:2px;
margin-bottom:8px;
float:none;
}
#coment {
font-size:14px;
color:orange;
margin-top:0px;
margin-left:10px;
margin-bottom:10px;
}
#all {
margin:0 auto;
margin-bottom:0px;
text-align:center;
width:800px;
}
/* ↓メインコンテンツ */
#main {
width:498px;
margin-right:1px;
margin-left:1px;
float:right;
color:orange;
}
/* ↓左サブメニュー */
#sub1 {
width:150px;
float:left;
color:orange;
}
/* ↓右サブメニュー */
#sub2 {
width:150px;
float:right;
color:orange;
}
#menu_back_1 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_2 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_3 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_4 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_5 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_6 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_7 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_8 {
background-color:orange;
color:green;
font-weight:bold;
font-size:18px;
}
#menu_back_main {
background-color:orange;
color:green;
font-weight:bold;
font-size:30px;
}
#menu_back_main_2 {
background-color:orange;
color:green;
font-weight:bold;
font-size:30px;
}
li {
text-align:left;
}
#sub1_menu1 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu2 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu3 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu4 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub1_menu5 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub2_menu1 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub2_menu2 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#sub2_menu3 {
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:2px;
margin-bottom:6px;
margin-left:0px;
margin-right:0px;
}
#main_1 {
border-style:solod;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:3px;
margin-bottom:10px;
margin-left:2px;
margin-right:2px;
}
#main_2 {
border-style:solod;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:3px;
margin-bottom:10px;
margin-left:2px;
margin-right:2px;
}
#kiji {
font-family:"MS Pゴシック", Arial, sans-serif;
font-size:medium;
font-style:normal;
margin:10px;
}
#kiji_2 {
font-family:"MS Pゴシック", Arial, sans-serif;
font-size:medium;
font-style:normal;
margin:10px;
}
#footer {
width:794px;
border-style:solid;
border-color:orange;
font-family:"MS Pゴシック", Arial, sans-serif;
color:orange;
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
clear:both;
}
=============================================
一応htmlチェックというサイトに通してみました。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
結果:このHTMLは 100点です。タグが 13種類 65組使われています。文字コードは UTF-8 のようです。
エラーが2個でてましたが、メール要素をlink部分に組み込めとか次のページを要素にくみこめとかあってもなくても問題のないものです。
たいへんよくできました!って画像でました。
