0

私はすべてのcssの初心者であり、中央のテーブルの上に画像（透明なpng）を配置しようと繰り返し試みましたが、何らかの理由でグラフィックがブラウザの左上隅から移動しません. 絶対配置により、要素を好きな場所に配置できるはずです。誰かが私が間違ったことを判断するのを手伝ってくれたら、本当に感謝しています.

---------------------------------- html -------------- -----------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Welcome to Knock on Wood Productions!<title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />

</head>

<body>
<div id="branch">

</div>

    <table width="803" border="0" cellpading="0" cellspacing="0" align="center">
    <tr>

        <!-- The 1st nested table starts here. -->

        <td width="355" height="180" background= "images/grn1.png">
 </td>
        <td width="10" height="180" background= "images/grn2.png"></td>
        <td width="438" height="180" background= "images/grn3.png"></td>
    </tr>    
    </table>

</body>

</head>

------------------------------------ css ------------- -----------------------

body                {   background-color: #fff8a7;

                       }

#wrapper         {  position: absolute; width: 803;
                        margin-left: auto ;
                         margin-right: auto ;


                      }

#branch          {  position: absolute; width: 548;
                    top: 60;
                        left: 50;
        /* background-image: url(images/gbranch.png); */
        z-index: 2;
                      }

td                { border: solid thin red;
4

3 に答える 3

6

親要素（あなたの場合は中央のテーブル）に「位置：相対」を与えます。

于 2009-10-23T16:15:58.260 に答える
4

width、top、および left プロパティに単位なしで長さを指定しました。あなたは書くべきです：

＃ブランチ {
   幅: 548px;
   上: 60px;
   左: 50px;
}

また、その要素の高さも指定したい場合があります。

于 2009-10-23T16:47:33.937 に答える
0

ファンブラーの権利 - 少なくとも画像の高さに等しい高さを宣言します。Fumblr のコードは動作するはずです。

@Fumblr - 私はあなたに親指を立てたいと思いますが、私はまだ許可されていません!

于 2009-10-26T18:56:37.857 に答える