اتصال دو تگ به همدیگه

**aria-adword** · February 22nd, 2012, 21:33

میخوام یک تگ رو بچسبونم به انتهای یک تگه دیگه

دستوری برای این کار هست؟

تگ اولی از پائین 100 پیکسل margin داره

به همین خاطر تگ بعدی به همین اندازه ازش فاصله میگیره

لطفا راهنمائی کنید این دوتا رو چطوری بهم بچسبونم

margin تگ بالایی رو هم نمی تونم بردارم

Capture.JPG

**~~iranmizban~~** · February 22nd, 2012, 21:40

سلام .
شما یک دیو کلی برای هر دو دیو در نظر بگیرید و
float:right;
بزارید .

**aria-adword** · February 22nd, 2012, 21:48

فکر کنم منظورمو خوب نگفتم

کد هامو میزارم خودتون ببینید

کد HTML:

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><link href="style.css" rel="stylesheet" type="text/css" /></head>
<body><div id="wrapper"> <div id="header"> <div><img id="logo" src="img/images/index_01.png"/></div> </div> <div id="content">     <div id="cleft">        <div id="Slogan">Business<br>        Consulting        </div>        <div id="clogo"></div>        <div id="Slogan2">با ما جهانی شوید<br>         Aria-Adword.com        </div>                </div>    <div id="cright">     <div id="menuup">       <ul>         <li><a href="#">مشاوره</a></li>         <li><a href="#">مقالات</a></li>         <li><a href="#">اخبار</a></li>       </ul>     </div>       <div id="photo"><img src="img/Capture.JPG" width="459" height="175"  /></div>       <div id="text">         <div id="title_text1">تست</div>         <div id="title_text2">تست</div>         <div id="text1">متن تست <br />         </div>         <div id="text2">           <p>تست</p>           <p><br />           </p>         </div>             </div>    </div>      </div> <div id="dmenu">              <ul>              <li><a href="#">خانه</a></li>              <li><a href="#">سئو</a></li>              <li><a href="#">تبلیغات گوگل</a></li>              <li><a href="#">طراحی سایت</a></li>              </ul>                   </div>  <div id="footer"></div>
</div></body></html>

کد:


@charset "utf-8";
/* CSS Document */
body{
	padding:0px;
	margin:0px;
	}


#wrapper{
	width:1000px;
	height:1000px;
	background-color:#606265;
	margin:0 auto;
	border:1px solid #666;
}
#header{
	width:1000px;
	height:100px;
	background-color:#FFF;
}
#logo{
	height:100px;
	
	}
#content{
	width:800px;
	height:500px;
    margin:100px;
	background-image:url(img/images/index_05.png);
	
}
#cright{
	width:550px;
	height:500px;
	float:left;
	}
#cleft{
	width:250px;
	height:800px;
	float:left;
}
#menuup{
	height:50px;
	
}
#menuup ul{
	width:auto;
}
#menuup ul li{
	display:inline;
	text-align:center;
	}
#menuup li a{
	text-decoration:none;
	color:#e8e79d;
	border-top:1px solid #color:#e8e79d;
	padding-left:70px;
	
}
#menuup li a:hover{
	text-decoration:none;
	color:#e8e79d;
	border-top:1px solid #color:#e8e79d;
	padding-left:70px;
	border-top:1px solid #e8e79d;
	border-bottom:1px solid #e8e79d;
	}	
      


	
#photo{
	width:474px;
	height:180px;
    float:right;
	
}
#photo img{
	width:459px;
	height:175px;
	
	}
#text{
	width:550px;
	margin-top:10px;
	height:200px;
	float:right;
	
}
#title_text1{
	width:270px;
	height:30px;
	direction:rtl;
	color:#e8e79d;
	padding-top:4px;
	padding-right:10px;
	text-align:center;
	font-weight:bold;
	float:left;
	
	}
#title_text2{
	width:260px;
	height:30px;
	direction:rtl;
	color:#e8e79d;
	padding-top:4px;
	padding-right:10px;
	text-align:center;
	font-weight:bold;
	float:left;
	
}


#text1{
	width:270px;
	height:auto;
	padding-top:4px;
	padding-right:10px;
	direction:rtl;
	font-size:12px;
	color:#e8e79d;
	float:left;
	
	}
#text2{
	width:260px;
	height:auto;
	padding-top:4px;
	padding-right:10px;
	direction:rtl;
	color:#e8e79d;
	font-size:12px;
	float:left;
	
}	
#Slogan{
	width:150px;
	padding-left:100px;;
	padding-right:auto;
	padding-top:150px;
	color:#e8e79d;
	font-size:15px;
	font-weight:bold;
	text-shadow:#FFF;
}
#clogo{
	background-image:url(img/Network%20Server.png);
	background-repeat:no-repeat;
	background-position:center;
	height:115px;
}
#Slogan2{
	width:150px;
	padding-left:100px;;
	padding-right:auto;
	color:#e8e79d;
	font-size:15px;
	font-weight:bold;
	text-shadow:#FFF;
	}
#dmenu{
	height:50px;
	width:300px;
	position:fixed;
	top:700px;
	
}
#dmenu ul{
	width:auto;
}
#dmenu ul li{
	display:inline;
	text-align:center;
	}
#dmenu ul li a{
	text-decoration:none;
	color:#e8e79d;
	padding-left:10px;
	
}
#dmenu ul li a:hover{
	text-decoration:none;
	color:#e8e79d;
	}	
      	


#footer{
	height:200px;
	background-color:#FFFFFF;
	}

---------- Post added at 09:48 PM ---------- Previous post was at 09:46 PM ----------

میخوام فاصله بین این دو تگ صفر باشه و بچسبن به هم

div id="content"

div id="dmenu"

**m2n** · February 22nd, 2012, 21:54

وست عزیز کد شما اصلا اشتباه نوشته شده آی دی من براتون پ خ شد با من در تماس باشید

**~~iranmizban~~** · February 22nd, 2012, 21:55

کدهارو درون فایل تکس بگذارید و ارسال کنید تا براتون درستش کنم .

**m2n** · February 22nd, 2012, 21:56

لطفا استایل #content به این استایل تغییر دهید

کد PHP:


#content {
    width:800px;
    height:500px;
    background-color: #09F;
    margin-top: 100px;
    margin-right: 100px;
    margin-left: 100px;
}

موضوع: اتصال دو تگ به همدیگه

ابزارهای موضوع

نحوه نمایش موضوع

اتصال دو تگ به همدیگه

پاسخ : اتصال دو تگ به همدیگه

پاسخ : اتصال دو تگ به همدیگه

پاسخ : اتصال دو تگ به همدیگه

پاسخ : اتصال دو تگ به همدیگه

تعداد تشکر ها از iranmizban به دلیل پست مفید

پاسخ : اتصال دو تگ به همدیگه

تعداد تشکر ها از m2n به دلیل پست مفید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

موضوعات مشابه

آموزش اتصال به صورت ریموت به SQL Server در سرور مجازی و اختصاصی

سروراختصاصی ایکاتل هلند ۱۰۰ ترابایت پهنای باند ۱۰۰٪ اختصاصی برروی پورت ۱ گیگ باید کاملا اختصاصی ۳۱ ای پی رایگان

◄میزبان سرور►▓▒ فروش ویژه سرور مجازی نیمه اختصاصی vds از فرانسه ▒▓●شروع از 13هزار●◄منابع اختصاصی►

مجوز های ارسال و ویرایش