0

ページが変更されても画像が同じ位置にとどまるようにしようとしています。単純なことはわかっていますが、理解できないようです。ありがとう、アダム。

http://aginther14.interactivedesignlab.com/index.html

<div id="socialnetworks">
<a href="http://www.linkedin.com/profile/view?id=215921152" target="_blank"><img src="images/linkedin.png" width="40px" height="40px" alt="linkedin"></a>
<a href="http://www.facebook.com/whoisthecoolestpersonalive" target="_blank"><img src="images/facebook.png" width="40px" height="40px" alt="facebook" ></a>
<a href="https://twitter.com/GintherTheGreat" target="_blank" alt="twitter"><img src="images/twitter.png" width="40px" height="40px"></a>
</div>



#socialnetworks {
    padding-left: 16px;
}
}

http://aginther14.interactivedesignlab.com/index.html

4

1 に答える 1

1

position:absolute または position:fixed を使用

絶対の

<div id="socialnetworks">
<a href="http://www.linkedin.com/profile/view?id=215921152" target="_blank"><img src="images/linkedin.png" width="40px" height="40px" alt="linkedin"></a>
<a href="http://www.facebook.com/whoisthecoolestpersonalive" target="_blank"><img src="images/facebook.png" width="40px" height="40px" alt="facebook" ></a>
<a href="https://twitter.com/GintherTheGreat" target="_blank" alt="twitter"><img src="images/twitter.png" width="40px" height="40px"></a>
</div>



#socialnetworks {
    position:absolute; bottom:5px; left:16px;
}

これにより、左下隅に配置され、左側のコンテンツが大きくならない限りそこに留まります。

常に左下に置いておきたい場合は を使用してfixedください。

修理済み

<div id="socialnetworks">
<a href="http://www.linkedin.com/profile/view?id=215921152" target="_blank"><img src="images/linkedin.png" width="40px" height="40px" alt="linkedin"></a>
<a href="http://www.facebook.com/whoisthecoolestpersonalive" target="_blank"><img src="images/facebook.png" width="40px" height="40px" alt="facebook" ></a>
<a href="https://twitter.com/GintherTheGreat" target="_blank" alt="twitter"><img src="images/twitter.png" width="40px" height="40px"></a>
</div>



#socialnetworks {
    position:fixed;
    bottom:5px;
    left:16px;
}
于 2012-12-12T07:58:03.383 に答える