0

次のコードをオンラインで見つけました。

<center><table>
<tr>
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 838="" tmp423.jpg=""   '=""><img src="http://img838.imageshack.us/img838/7602/tmp423.jpg" width="300" height="300"></a>
</td>
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 402="" dsc1324o.jpg="" '=""><img src="http://img402.imageshack.us/img402/7982/dsc1324o.jpg" width="300" height="300"></a>
</td>
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 338="" dsc1325v.jpg="" '=""><img src="http://img338.imageshack.us/img338/135/dsc1325v.jpg" width="300" height="300"></a>
</td>
</tr>
</table></center>

各画像の間に間隔を空けて画像を並べて配置します。eBay リストの説明で、各画像の間に間隔を空けて、各画像を互いの下に配置しようとしています。各画像の間に間隔を空けて各画像を互いの下に配置するための html コードは何ですか? 上記のコードに何を変更または追加して、画像を中央に配置し、各画像の間に間隔を空けて互いの下に配置する必要がありますか? ありがとう。

4

1 に答える 1

0

You have everything in one table row (<tr></tr>), this is why everything is showing up horizontally. The easiest way without CSS to get this vertically is to put each image in a table row. Also, whatever '="" is, it's throwing the HTML sytax off; fix it or get rid of it. As it is now, it's not doing anything. Lastly, you are not closing your image tags.

Try this:

<center><table>
<tr>
    <td><a href="" http:="" imageshack.us="" photo="" my-images=""        838="" tmp423.jpg=""><img src="http://img838.imageshack.us/img838/7602/tmp423.jpg" width="300"  height="300"></img></a></td>
</tr>
<tr>
    <td><a href="" http:="" imageshack.us="" photo="" my-images="" 402="" dsc1324o.jpg=""><img src="http://img402.imageshack.us/img402/7982/dsc1324o.jpg" width="300" height="300"></img></a></td>
</tr>
<tr>
    <td><a href="" http:="" imageshack.us="" photo="" my-images="" 338="" dsc1325v.jpg=""><img src="http://img338.imageshack.us/img338/135/dsc1325v.jpg" width="300" height="300"></img></a></td>
</tr>
</table></center>
于 2013-01-10T02:41:00.250 に答える