少し奇妙な問題があります。私は自分のウェブサイトのメイン ページのデザインに取り組んでおり、index.htmlファイルを友人に送信して修正してもらいました。
彼はそれを訂正して返送した。この修正されたindex.html をプロジェクト フォルダーにコピーしました。
問題は、名前をindex.htmlのままにしておくと、正しく機能しないことです。画像が正しく配置されていません。しかし、index.htmlをindex1.htmlまたはこれに似たものに置き換えると、機能します。
これが私のコードです:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ka-ge" lang="ka-ge" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style type="text/css">
#links {
postiton:absolute;
margin: 0 auto;
width: 4800px;
font-size:50px;
clear: both;
display: block;
}
#test a {
float: right;
}
a, a:active, a:visited {
color: yellow;
a {text-decoration:none;}
}
.image {
position:relative;
float:left; /* optional */
}
.image .text {
position:absolute;
top:400px; /* in conjunction with left property, decides the text position */
left:10px;
font-size:155%;
}
.flagimage {
position:absolute;
top:10px; /* in conjunction with left property, decides the text position */
right:80px;
}
</style>
<body >
<div class="image">
<img alt="" src="11.gif" />
<div class="text">
<a href=" index.html " >მთავარი </a>
<a href=" ბაკურიანი.html ">ბაკურიანი </a>
<a href=" გუდაური.html ">გუდაური </a>
<a href=" ზღვა.html ">ზღვა </a>
<a href=" კახეთი.html ">კახეთი </a>
<a href=" სვანეთი.html ">სვანეთი </a>
<a href=" ვარძია.html ">ვარძია </a>
<a href=" ქართლი.html ">ქართლი </a>
<a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a>
<a href=" დაკავშირება.html ">კონტაქტი </a>
</div>
</div>
<div class="flagimage">
<a href="eng/index.html"><img src ='english.gif' style="float:right" width="30" height="30"> </a>
<a href="russ/index.html"><img src ='russian.gif' alt="Russian flag" style="float:right" width="30" height="30"/></a>
<a href="index.html"> <img src="georgian.jpg" style="float:right" width="30" height="30"/></a>
</div>
<div id="links">
</div>
</body>
</html>
現在、名前はindex1.htmlで正常に動作しますが、名前をindex.htmlに変更すると動作しません。なんで?