2

私はクラスの課題に取り組んでおり、ブラウザーのサイズを変更すると移動するアンカー タグがあります。ペン グラフィック上に配置したままにしたいのですが、ここで問題が発生します: http://chrisallie .com/index.html

ありがとう！

CSS:
#contact {
position: fixed;
display: block;
font-family: Century Gothic;
text-decoration: none;
text-align: center;
font-size: 18px;
font-weight: bold;
color: rgb(0, 0, 153);
transform: rotate(-77deg);
line-height: 30px;
width: 150px;
height: 20px;
margin: -300px 0px 0px 1335px;
}

HTML:
    <div id="main-content">
<a href="index.html" id="home">Home</a>
<a href="index.html" id="webcoding">Web<br />Coding<br />seminar<br /><span>Don't miss!</span></a>
<a href="index.html" id="javascript">Javascript<br />10:00</a>
<a href="index.html" id="photoshop">Photoshop<br />Lesson 01 due!</a>
<a href="index.html" id="illustrator">guest speaker<br />Illustrator<br />2:00-3:00</a>
<a href="index.html" id="php">PHP<br />5:00-10:00</a>
    </div>
<a href="index.html" id="contact">Drop us a line!</a>

4

2 に答える 2

1

アンカータグを内側に移動<div id="main-content">

次に#main-content position:relative、アンカーを与えて与えますposition:absolute（固定位置のものをすべて削除します）

アンカーを#main-contentdiv に対して相対的に配置できるようになりました。負の値を指定する必要がありますがright、この場合は避けられない可能性があると思います。

アンカー タグの右と下 (または上) の値を微調整する必要がありますが、上記を使用してそれを行うことができるはずです。

于 2012-11-28T17:18:50.320 に答える
0
  1. 「Drop us a line」を div に移動します
  2. position:relative#メインコンテンツに追加
于 2012-11-28T17:15:41.740 に答える