0

私のページには次の背景があります。

ここに画像の説明を入力

それは古いトビリシの写真です、ここにも私のコードがあります

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

#links { 
    margin: 0 auto; 
    width: 4800px; 
    font-size:70px;
    clear: both; 
    display: block;

}
#test a {
    float: right;
}
a, a:active, a:visited {
    color: red;
}
</style>
<body background="თბილისი.jpg" >


</body>
</html>

「ホテル」、「ツアー」、「エンターテイメント」などのリンクをページに追加して、家などに表示されないようにしたい. Idはそれらを中央または右側に配置したい. 方法を教えていただけますか？

4

4 に答える 4

1

ツアーCSSを使用して、リンクを表示する場所に「リンク」divを配置します。マージンまたはパディングを使用してdivを移動します。divを配置する他の方法は、左または右にフロートさせることです。

#links { 
    margin-top: 400px;//moves div down, this will probably be below the middle of the page 
    width: 4800px; 
    font-size:70px;
    clear: both; 
    display: block;
}
于 2012-07-19T14:10:14.503 に答える
1

すでにリンク（#linksコードではなく）をページの中央に配置しています。効果を確認するには、幅を狭くする必要があります。width: 950px;またはを試してくださいwidth: 60em; max-width: 90%;。

もう1つのオプションは、links-elementを絶対的に配置することです（リストになると思います）。

于 2012-07-19T14:11:20.773 に答える
1

HTML

<div id="links-container">
    <a href="http://hostel.com>Super Hotel</a>
</div>

CSS

#links-container {
    float: right;
}
于 2012-07-19T14:13:14.173 に答える