Eh bien, voici le résultat.
http://hirasawa2032.com/atarashii_index.htmlBogeys code m'a beaucoup aidé, mais il ya certaines parties que je devais mettre comme il avait, par exemple, je ne savais pas comment faire pour que #h1 contenant thingy d'une autre manière de garder la forme. Dans le CSS, j'ai joué un peu avec le thingy une classe, et enfin, quand il travaille, Im heureux que j'ai écrit cette partie tout à fait moi-même.
Quoi qu'il en soit, maintenant .. pour une raison quelconque, il ne s'affiche pas centrée dans IE. Voici les codes, de sorte que toute suggestion de la façon de résoudre ce problème est très très bienvenus!
HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
<meta http-equiv="content-language" content="ja" />
<meta name="description" content="HIRASAWA KANKAKU - Unofficial side-project website presentation for Hirasawa Susumu including Hirasawa 3D Live, Transparent Sky animation featuring him, analysis of his work, detailed information and history of P-MODEL, MANDRAKE and related; HIRASAWA NATION videogame development and much more. By Taira." />
<meta name="robots" content="index,follow" />
<meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,Taira,P-モデル,transparent,sky,project,Transparent Sky Project,トランスパレントスカイ,「トランスパレントスカイ」,TESLAKITE,Interactive live,2032,インタラクティブ・ライブショウ,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,KAKU,hirasawa kankaku,平沢感覚,kankaku,感覚,平沢進3Dライブ,HIRASAWA NATION,videogame,平沢ネーション,平沢ネーションビデオゲーム,ヒラサワ,ヒラサワ・ネーション" />
<meta name="author" content="平沢感覚" />
<meta name="copyright" content="平沢進、平ら" />
<title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
<link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
<link rel="stylesheet" href="index.css" />
</head>
<body>
<div id="container">
<h1><img src="img/pi-duaicylinder.gif" alt="pi-duaiシリンダー"><img src="img/top.gif"></h1>
<div id="hidari">
<p><a class="nihongo" href="#">日本語</a></p>
</div>
<div id="mannaka">
<p>Copyright (C)1987-2008 平沢進、平ら</p>
</div>
<div id="migi">
<p><a class="eigo" href="#">English</a></p>
</div>
<p class="counter"><img src="/cgi-sys/Count.cgi?df=hirasawa.dat|display=Counter|ft=1|md=8|frgb=0;0;0|dd=G"></p>
</div>
</body>
</html>
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
- <meta http-equiv="content-language" content="ja" />
- <meta name="description" content="HIRASAWA KANKAKU - Unofficial side-project website presentation for Hirasawa Susumu including Hirasawa 3D Live, Transparent Sky animation featuring him, analysis of his work, detailed information and history of P-MODEL, MANDRAKE and related; HIRASAWA NATION videogame development and much more. By Taira." />
- <meta name="robots" content="index,follow" />
- <meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,Taira,P-モデル,transparent,sky,project,Transparent Sky Project,トランスパレントスカイ,「トランスパレントスカイ」,TESLAKITE,Interactive live,2032,インタラクティブ・ライブショウ,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,KAKU,hirasawa kankaku,平沢感覚,kankaku,感覚,平沢進3Dライブ,HIRASAWA NATION,videogame,平沢ネーション,平沢ネーションビデオゲーム,ヒラサワ,ヒラサワ・ネーション" />
- <meta name="author" content="平沢感覚" />
- <meta name="copyright" content="平沢進、平ら" />
- <title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
- <link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
- <link rel="stylesheet" href="index.css" />
- </head>
- <body>
- <div id="container">
- <h1><img src="img/pi-duaicylinder.gif" alt="pi-duaiシリンダー"><img src="img/top.gif"></h1>
- <div id="hidari">
- <p><a class="nihongo" href="#">日本語</a></p>
- </div>
- <div id="mannaka">
- <p>Copyright (C)1987-2008 平沢進、平ら</p>
- </div>
- <div id="migi">
- <p><a class="eigo" href="#">English</a></p>
- </div>
- <p class="counter"><img src="/cgi-sys/Count.cgi?df=hirasawa.dat|display=Counter|ft=1|md=8|frgb=0;0;0|dd=G"></p>
- </div>
- </body>
- </html>
Ignorer que pour les liens j'ai mis seulement #, Thats juste pour le moment jusqu'à ce que j'arrive à tenir centrée dans tous les navigateurs.
CSS:
*{
margin: 0;
padding: 0;
}
body { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
padding-top: 35px;
background:#333333;
}
a.nihongo:link
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:visited
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:active
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:hover
{
text-decoration:underline overline;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.eigo:link
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:visited
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:active
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:hover
{
text-decoration:underline overline;
font-size: 14px;
color:#ffffff;
}
#container {
width: 782px;
height: 373px;
margin: 0 auto;
background-color: #333333;
}
#container h1 {
background-color: #666666;
border: 1px solid #000;
}
#hidari {
float: left;
width: 220px;
padding: 5px 5px 5px 5px;
background-color: #000000;
}
#mannaka {
float: left;
text-align: center;
width: 312px;
padding: 5px 5px 5px 5px;
background-color: #000000;
font-size: 14px;
color: #666666;
}
#migi {
float: left;
text-align: right;
width: 220px;
padding: 5px 5px 5px 5px;
background-color: #000000;
}
.counter {
clear: both;
text-align: center;
background-color: #333333;
}
Et encore une petite chose, dans Safari, mon compteur ne s'affiche pas correctement. Vérifiez-le avec Safari pour voir ce qu'il dit. Toute idée pourquoi cela se passe?