-2

左側に写真、右側に名前、タイトル、メールアドレス、電話番号、右側に写真とテキストの後に人物に関する情報を表示するバイオページを作成したいと思います。これが私が使用しているコードですが、機能していません。右側の画像とテキストは希望する場所に表示されますが、情報divは名前、タイトルなどのセクションの横に表示されます。

<div>
<div style="float:left"><img src="Images/fowler.jpg" alt="Fowler" /></div>

<div style="float:left">

<div>Name</div>
<div>Title</div>
<div>Email</div>
<div>Phone</div>

</div>

</div>

<div>Info about person</div>

助けていただければ幸いです。

4

2 に答える 2

1

誰かがすでに言ったように、あなたはcssの使用を検討したいかもしれません。私は個人的にこのためのテーブルを作成するのがとても好きです：これは良いスタートになるはずです：

<table>
<tr>
  <td rowspan="5">
    <img src="Images/fowler.jpg" alt="Fowler" />
  </td>
</tr>
<tr>
  <td>Name</td>
</tr>
<tr>
  <td>Title</td>
</tr>
<tr>
  <td>Email</td>
</tr>
<tr>
  <td>Phone</td>
</tr>
<tr>
  <td colspan="2">Info about person</td>
</tr>
</table>

幸運を！

于 2013-02-01T20:25:49.577 に答える
0

私があなたが望むものを理解したならば、以下はうまくいくかもしれません

<div>
<div style="float:left"><img src="Images/fowler.jpg" alt="Fowler" /></div>

<div style="float:left">

<div>Name</div>
<div>Title</div>
<div>Email</div>
<div>Phone</div>

</div>

</div>

<div style="float:left">Info about person</div>

ところで、extファイルでCSSを宣言することを考えてください;）

于 2013-02-01T20:19:55.727 に答える