0

「homeLink」の ID を持つ div のサイズを変更しようとしています。まず、私は CSS に無頓着であり、これが非常に単純であることを知っているという理由だけで、骨を折られることを望んでいると述べることから始めます。また、私が理解していない CSS の使用法に関する基本的なことを説明してくれると確信しているので、役立つリンクへのポインタをいただければ幸いです。

この投稿を見ましたが、自分がやろうとしていることができない理由がよくわかりません。RTFM (見つけたもの) を実行しましたが、まだ取得できません。このためにjsを呼び出すことは避けたいと思いますが、そうする必要はないかもしれません。

助けてくれてありがとう; 以下のコード。 

    <html>
        <head>
            <style> 
                #homeLink { 
                    /*this doesn't work */
                    // width: 50%;
                    position:absolute;
                    left:10px;
                    top: 770px;
                }

                /* nor does this */
                #homeLink a {
                    width: 10%;
                }       
            </style>
        </head>

        <body>
            <div id="homeLink"><a href="http://www.someurl.com"><img src="homebutton.png"/></a></div>
        </body>
    </html>
4

3 に答える 3

2

@Mr Dが述べたように、divではなく画像自体のサイズを変更する必要があります。

この部分：

#homeLink a {
width: 10%;
}

aプロパティがないため、CSSに関して実際には間違っていwidthます。CSS を使用して特定の動作やリンクを事前にフォーマットすることができます。たとえば、リンクの上にマウスを置いて下線を引いたり、訪問したリンクの色を変更したりできます。

a.hover {text-decoration: underline}
a.visited {color: #999999}
于 2012-05-06T19:50:35.670 に答える
1 
<img class="image" src="homebutton.png"/>

それからあなたのCSSスタイルでそれ：

.image {
height: 200px;
width: 300px;
}
于 2012-05-06T19:41:47.460 に答える
0

コンテナ div の画像がコンテナの幅と高さよりも大きい可能性があるため、これはサイズ変更ではありません

  1. これは、overflow hidden をコンテナ div に追加することで実現できます。
  2. または次のcssを使用
#homeLink,#homeLink a img { 

                    width: 50%;
                    position:absolute;
                    left:10px;
                    top: 770px;
                }
or

#homeLink{
      width:50%;
      position:absolute;
      left:10px;
      top:770px;
      overflow:hidden;
}
于 2012-05-06T19:52:17.590 に答える