1

ウェブサイトの背景画像をこの画像に設定する必要があります。

ここに画像の説明を入力

ただし、ページを見ると、次の図のようにそのページに空白が表示されます。

ここに画像の説明を入力

スペース全体を写真で覆いたいのですが、どのコンピューターでサイトを開いたときにも同じように表示される必要があります。最後に、画像の中央の真ん中部分にテキストを書くことができませんでした。上ではなく、写真の真ん中あたりです。これが私がこれまでに持っているものです

ここに画像の説明を入力

このテキストをページの中央部分に配置する必要があります。ページの上部ではなく、真ん中にあります。ここに私がこれまでに持っているコードの短い断片があります:

<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>
#links { 
  postiton:absolute;
    margin: 0 auto; 
    width: 4800px; 
    font-size:50px;
    clear: both; 
    display: block;
    z-index:-90;
}
#test a {
    float: right;
}
a, a:active, a:visited {
    color: light-blue;
    a {text-decoration:none;}
}
</style>
<style>

a {text-decoration:none;}
</style>

<body    >


<a href="eng/index.html"><img src ='english.gif' style="float:right"  width="90" height="90"> </a>
<a href="russ/index.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="90" height="90"/></a>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="90" height="90"/></a>
<img src="11.gif" width="100%" height="100%"/>
<div id="links">

<a href=" index.html " >მთავარი </a>
&nbsp;
<a href=" ბაკურიანი.html ">ბაკურიანი </a>
&nbsp;
<a href=" გუდაური.html ">გუდაური </a>
&nbsp;
<a href=" ზღვა.html ">ზღვა </a>
&nbsp;
<a href=" კახეთი.html ">კახეთი </a>
&nbsp;
<a href=" სვანეთი.html ">სვანეთი </a>
&nbsp;
<a href=" ვარძია.html ">ვარძია </a>
&nbsp;
<a href=" ქართლი.html ">ქართლი </a>
&nbsp;
<a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a>
&nbsp;
<a href=" დაკავშირება.html ">კონტაქტი </a>
</div>
</body>
</html>
4

1 に答える 1

1

以下のように、コードを少し変更しました。

</head>
< style>
#links { 

position:absolute;
margin: 0 auto; 
top: 50%;       //centers vertically
left: 50%;     //centers horizontally
width: 4800px; 
font-size:50px;
clear: both; 
display: block;
z-index:-90;
}

...

ボディタグでも：

<body background="11.gif">

上記の body タグは、画像を背景に設定します。< img> タグの「高さ」および「幅」属性を使用して画像を拡大または圧縮し、サイズを設定できます。これで、背景画像の上にテキスト、リンク、その他の画像を配置できます。

それを試してみてください！

于 2012-08-08T06:16:39.373 に答える