نمایش نسخه قابل چاپ
میخوام یک تگ رو بچسبونم به انتهای یک تگه دیگه
دستوری برای این کار هست؟
تگ اولی از پائین 100 پیکسل margin داره
به همین خاطر تگ بعدی به همین اندازه ازش فاصله میگیره
لطفا راهنمائی کنید این دوتا رو چطوری بهم بچسبونم
margin تگ بالایی رو هم نمی تونم بردارم
فایل پیوست 4850
سلام .
شما یک دیو کلی برای هر دو دیو در نظر بگیرید و
float:right;
بزارید .
فکر کنم منظورمو خوب نگفتم
کد هامو میزارم خودتون ببینید
کد 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"
وست عزیز کد شما اصلا اشتباه نوشته شده آی دی من براتون پ خ شد با من در تماس باشید
کدهارو درون فایل تکس بگذارید و ارسال کنید تا براتون درستش کنم .
لطفا استایل #content به این استایل تغییر دهید
کد PHP:#content {
width:800px;
height:500px;
background-color: #09F;
margin-top: 100px;
margin-right: 100px;
margin-left: 100px;
}