قالب بندي تصاوير بدون فاصله

SMDaneshvar · Feb 22, 2011

با سلام،
من سه تا تصوير دارم كه در مجموع يك تصوير رو تشكيل مي ده ...
يعني يه عكس رو به سه قسمت تقسيم كردم.
اما وقتي مي خوام زير هم قرارشون بدم يه فاصله بينشون وجود داره ...
با Expression Web هم هر كار كردم نشد :دى

ممنون مي شم دوستان راه حلي ارائه بدن :گل

mosyhey · Feb 23, 2011

برای این کار اگر از قالب بندی جدولی استفاده کنید در ساده ترین کد می توان نوشت:

HTML:

<table border="0" cellspacing="0" cellpadding="0">
	<tr><td><img src="pic1.jpg"></td></tr>
	<tr><td><img src="pic2.jpg"></td></tr>
	<tr><td><img src="pic3.jpg"></td></tr>
</table>

tenaonline · Feb 23, 2011

اصلاً این کارها لازم نیست ! زیر هم اگه میخواین باشه و فاصله هم نباشه از این کد استفاده کنید !

کد سی اس اس مورد نیاز :

کد:

<style type="text/css">
<!--
.box{
    width:200px;
    height:600px;
    margin:auto;
}
-->
</style>

کد اچ تی ام ال مورد نیاز :

کد:

<div class="box">
<a href="link"><img width="200" height="200" border="0"></a>
<a href="link"><img width="200" height="200" border="0"></a>
<a href="link"><img width="200" height="200" border="0"></a>
</div>

echessdesign · Feb 25, 2011

درود بر شما
به نظر من ساده ترین راه، این روش هست:

کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.imgStyle img {
	border:0;
	padding:0;
	margin:0;
	display:block;	
}
</style>
</head>

<body>

<div class="imgStyle">
	<img src="img.jpg" alt="" />
	<img src="img.jpg" alt="" />
	<img src="img.jpg" alt="" />
</div>
</body>
</html>