0

私がしようとしているのは、リンクを中央に配置することです。つまり、次のコードがあるとします

<html  >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body bgcolor="blue">

<a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
<a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/>
<a href="index.html">მთავარი </a>

</body>
</html>

ここで (მთავარი)(mtavari) はメインを意味します。英語、グルジア語、ロシア語でサイトを作成しています。メイン(მთავარი)を中心に配置してください。

編集:

<html  >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style>
#links {
    margin: 0 auto;
    width:1050px; 
     font-size:70px

}
</style>
<body bgcolor="blue" >
<a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
<a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/>
<a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/>
<div id="links">

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

2 に答える 2

1

text-align: center を含む要素 (この場合は本文) に配置するだけです。

次に、いくつかの終了アンカー タグ (</a>) を忘れています。最後に、スタイルをインラインではなく CSS に変更する必要があります。

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style>
            body {
                background-color: blue;
                text-align: center;
            }
            .flag {
                float: right;
                height: 88px;
                width: 88px;
            }
        </style>
    </head>
    <body>
        <a href="indexE.html"><img class="flag" src='english.gif'></a>
        <a href="indexR.html"><img class="flag" src='russian.gif' alt="Russian flag"/></a>
        <a href="index.html" ><img class="flag" src='georgian.jpg'/></a>
        <a href="index.html">მთავარი </a>
    </body>
</html>
于 2012-07-17T07:07:30.503 に答える
1

ページの中央にリンクを配置することについて話しているのですか? 次に、css をコールドに使用します。タグを div で囲み、div を中央に配置します。div を中央に配置するには、幅を割り当てる必要があります。例として、600px を選択しました。タグを閉じるカップルも欠落しています。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

<style>
#links {
    margin: 0 auto;
    width: 600px;   
}

#test { 
    margin: 0 auto; 
    width: 400px; 
    clear: both; 
    display: block;
}
#test a {
    float: right;
}

</style>

<body bgcolor="blue">

<div id="links">
    <a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
    <a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/></a>
    <a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/></a>
</div>

<div id="test">
    <a href="index.html">test1</a>
    <a href="index.html">test2</a>
    <a href="index.html">test3</a>
    <a href="index.html">test4</a>
    <a href="index.html">test5</a>
</div>

</body>
</html>
于 2012-07-17T07:05:38.690 に答える