署名の画像を整列させるためのテーブルまたはCSS

以下の画像を手配する人は助言したり、サンプルコードを用意してください。それはリンクされた画像を持つhtml署名のためですが、私はテーブルやCSSが最善であるかどうかは不明です。署名の画像を整列させるためのテーブルまたはCSS

画像遠い左は他の4と水平に並べて、2つの上のイメージは下の大きなイメージの中央に配置する必要があります。

助けてください。 CSSを使用して

2016-03-27 Big Bulla

これまで行ってきたことはありますか？任意のコード？ – Pedram

経験則として、レイアウトをテーブルで決して設計しないでください。テーブルはテーブルデータを表示するためのものであり、レイアウト用ではありません。あなたは "html署名"と言うとき、あなたは電子メールを意味しますか？それは不明だ。さまざまな電子メールプログラムがHTMLを解析する方法により、電子メールシグネチャがテーブルでよりうまく設計される可能性があります。 – Narxx

table.Iは、あなたがこのような何かをしたいと思うよりも優れています。幅と高さのプロパティで画像を拡大/縮小する必要があります：

<!DOCTYPE html> 
<head> 
    <title>goodarzi</title> 

</head> 
<style> 
.first{ 
float:left; 
width:30%; 
text-align:center; 

} 
</style> 

<body> 
<div class="wrapper"> 
<div class="first"> 
<a href="" ><img src="" title="" /></a> 
</div> 

<div class="first"> 
<div> 
<a href=""><img src="" title="" /></a> 
</div> 
<div><a href=""><img src="" title="" /></a> 
</div> 
</div> 

<div class="first"> 
<div> 
<a href=""><img src="" title="" /></a> 
</div> 
<div><a href=""><img src="" title="" /></a> 
</div> 
</div> 

</div> 
</body> 
</html>

出典

2016-03-27 10:49:16

こんにちは、返信いただきありがとうございます。はい、電子メールの署名。私はテキストベースを奨励しようとしましたが、過大な支配を受けて、5枚の画像を供給して画像ごとに配置しました。 –

私が書いたコードはあなたの問題を解決すると思います。正確に何が間違っていますか？ –

こんにちはファーハッド、それは非常に多くの感謝です。私はもう少し質問があります。私は最初の画像と4のグループの間の空白を減らすことができますか？次に、トップ2画像とボトム2画像の間の空白を少し増やすことができますか？ CSS Paddingを使用できますか？ –

署名の画像を整列させるためのテーブルまたはCSS

答えて

関連する問題