2012-03-14 4 views
0

私はそれにイメージを持っている私のテーブルの1つを配置する方法を探していました。左に少し離れているので、私はそれを右に向ける必要があります。これまでの私のテーブルは次のように書かれています:私のテーブルを配置する

<TD> 
<IMG SRC='http://farm8.staticflickr.com/7209/6978440877_10b1fcffc4_o.jpg'/> 
</TD> 

何を追加する必要がありますか?私はいくつかのCSSを試しました:

position:absolute; z-index:2; left: 50px; top: 1040px; 

しかし、それはちょうどテキストとしてページに表示されました。私がテーブルを置く場所を制御できるように、私は何を追加/書くべきですか?

+3

あなたはW3Schoolsの上のようないくつかの初心者CSSのチュートリアルを開始したいこと - http://www.w3schools.com/css/ –

+1

またはその代わりにW3Schoolsのこれらのリソースの一部すばらしいMDN https://developer.mozilla.org/en-US/docs – Loktar

+0

のようなhttp://w3fools.com/#what-should-be-doneを実行してくださいここでそれをやったなら、それはうまくいかない。 –

答えて

1

あなたがHTMLでテーブルを作成するときは、少なくともテーブルを定義する必要があり、列、およびセル(あなただけ切り捨てコードを掲載、すでにこれらを持っていたかどうかわからない):

<table> 
    <tr> 
    <td> ... </td> 
    </tr> 
</table> 

あなたはCSSを定義します適切な場所にいる必要があります。あなたはいくつかの選択肢があります。

<table style="attribute:value; attribute:value;"> 

をそれとも、(優先)<head>でそれを定義することができます:まず、あなたは、このようなタグでインラインでそれを置くことができます。最後

<head> 
... 
<style type="text/css"> 
table{ 
    attribute:value; 
    attribute:value; 

} 
</style> 
</head> 

を、オフセット千ピクセルがかなり高いこと。相対位置と絶対位置の両方で快適にお使いください。絶対配置は、私の経験でどのようにレイアウトが一緒に流れるかを理解していない初心者のために、多くの問題を引き起こす可能性があります。

うまくいけばそれはあなたを始めてくれるでしょう。そこにはたくさんの素晴らしい資源があります。

0

<Body><TD>タグに次のスタイルを使用すると、左のスペースが削除されます。

<body style="margin:0; padding:0;"> 
<TD style="padding-left:0;" > 

まだ修正できない場合は、完全なコードを入力してください。

After

Before

+0

user1266068 - 上記のコードを試しましたか? –

関連する問題