0

私はこれを電話ギャップアプリケーション用に設計しています..これをhtmlでコーディングしたい..

2つの質問があります..

Q1) 画像の異なる位置にテキストを配置するにはどうすればよいですか?

ここで与えられた画像の text1,text2,text3,text4 のように。

Q2) page.i の中央に配置する方法

   <img src="img/img1.png" style="margin-left:5px;" />
   <img align="middle" />

しかし、これは違いはありません。

ガイダンスが必要です。助けてください。

ここに画像の説明を入力

私は別の疑問があります...プログラムを実行した後....フッターの後にボディの拡張部分があります....上にドラッグすると....ヘッダーとフッターの間にあるボディを見ることができます拡張されます。イベントを右に移動します。コーディングに間違いはありませんか？

4

2 に答える 2

1

それらをDivに入れ、このDivに背景スタイルを与えます;)コードは次のようになります:

<div id='container'> 
 <span> text 1 </span> 
 <span> text 2 </span> 
 <span> text 3 </span>      
 <span> text 4 </span> 
</div>

CSSで：

#container{background:url(path/to/img) no-repeat scroll 0 0 transparent; background-size:100% 100%; display:block; height:...px; width:...px;}
#container span{width:50%; height:25%;display:block; overflow:hidden;float:left;}

スパン、色などに境界線を追加できます...

于 2013-04-23T07:55:22.970 に答える
1

画像を div と z-index でラップすることでそれを行うことができます。コードは次のようになります。

<div style="position:fixed; top:10px; left:5px; z-index:250; width:ofimage; height:of image;">
<span style="display:block; width:30; height:20; margins if you need; float:left">text1</span>
 <span style it accordingly and add float left>text2</span><br>
<spanstyle them as first two>text3</span>
<span>text4</span>

</div>

<img src="your image" style="if any">
于 2013-04-23T08:35:10.580 に答える