ارتفاع تگها

**~~sm_pakdel~~** · September 9th, 2011, 21:37

دوستان این طراحی که من کردم میخوام ارتفاع تگهای اخبار سایتم متغیر باشه یعنی متن ازش بیرون نزنه و اگر متن زیاد تر از ارتفاع تگ بود ارتفاع هم به اندازه متن بشه

اما الان نمیشه والا هرچی بلد بودم تست کردم جواب نداد اگر امکانظ هست یه نگاهی بهش بندازید

کد 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 rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="wrraper">
 <div id="head"> 
   <div id="search">
<input name="search" type="text" />
  </div>
   <div id="menu">
      <ul>
        <li><a class="menu" href="index.html">صفحه اصلی</a></li>
        <li><a class="menu" href="news.html">اخبار</a></li>
        <li><a class="menu" href="gallery.html">نمونه کارها</a></li>
        <li><a class="menu" href="register.html">عضویت</a></li>
        <li><a class="menu" href="shop.html">سفارش</a></li>
        <li><a class="menu" href="about us.html" >درباره ما</a></li>
         <li><a class="menu"href="contact.html">تماس با ما</a></li>
      </ul>
    </div>
    </div>
  <div id="slide"><div><!---pic--></div></div>
  <div id="random"></div>
  <div id="best">
        <div></div>
        <div></div>
        <div></div>
        <!--best news-->
  </div>
  <div id="content">
    <div id="title"></div>
    <div id="title1"></div>
    <div id="news">
      <p>news</p>
    </div>
    <div id="news2">news</div>
  </div>
  <div id="footer">abcd</div>
</div>
</body>
</html>

کد HTML:

@charset "utf-8";
/* CSS Document */
html,body{
	margin:0px;
	padding:0px;
}
#wrraper{
	margin:0px auto;
	width:800px;
	height:auto;
	min-height:800px;
	border:1px solid #000;
}
#head{
    background-color:#1C1C1C;	
}
/*[start]search*/
#search{
	width:auto;
	min-width:800px;
	height:40pt;
	background-color:#393939;
	margin-top:0px;
	border:1px solid #000000;
}
/*[end]search*/
/*[start]header*/
#menu{
	width:auto;
    background-color:#E07A25;
	height:60pt; 
	border-radius:15px;	
}
ul{
    width:auto;
	margin:0px;	
	
}
li{
	display:inline;
	text-align:center;


}
a.menu{
     width:50pt;
	 color:#FFF;
	 text-decoration:none;
	 float:right;
	 line-height:46pt;
	 direction:ltr;
	 padding:10px;
	 
}
a.menu:hover{
	color:#FFFFFF;
	font:bold;
	background-color:#282627;
	border-radius:12px;
	margin-top:10px;
	height:30px;
	line-height:25px;
}
#slide{
    width:800px;
	background-color:#1C1C1C;
	height:200px;
		
}
#slide1{
    width:450px;
	border:1px solid #000;
	margin:0px auto;	
	
}
/*[end]header*/

/*[start]best*/
#best{
	height:auto;
	min-height:180px;
	background-color:#F2F2F2;
}
/*[end]best*/
/*[start]random*/
#random{
	width:600px;
	height:50px;
	background-color:#393939;
	padding-left:100px;
	padding-right:100px;
}
/*[end]random*/
#content{
	height:auto;
	min-height:200px;
	background-color:#FFFFFF;
	margin:0px auto;
	border:1px solid #000000;
}
#title{
	float:left;
	width:596px;
	height:auto;
	min-height:40px;
	direction:rtl;
	border-bottom:1px solid #CCC;
	
}
#title1{
	float:left;
	width:200px;
	height:auto;
	min-height:40px;
	border-bottom:1px solid #CCC;
	
}
#news{
	float:left;
    width:560px;
    height:auto;
    min-height:110px;
    padding:20px 20px 20px 20px;
    direction:rtl;
}
#news2{
	float:left;
    top:0px;
    width:150px;
    height:auto;
    min-height:110px;
    padding:20px 20px 20px 20px;
    background-color:#FFFFFF;     
    
    
}
/*[end]content*/
/*[start]footer*/
#footer{
	width:auto;
	min-width:720px;
	height:50px;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px;
	background-color:#CCC;
	
}
input{
	margin-left:600px;
	margin-top:10px;

**AriyaDownload** · September 9th, 2011, 23:24

عرض رو ثابت ندین
به div اصلی به عرض حداقل بدین
و بقیه div های داخل هم به این صورت (البته اون div که توش مطالب و محتوا قرار می گیره)

کد:

min-height:---px

**~~sm_pakdel~~** · September 10th, 2011, 01:50

من مشکلم با طول هست نه با عرض
میخوام ارتفاع تگهام متغیر باشه نه عرضشون

**amirlord** · September 10th, 2011, 01:53

مقدار رو مساوی 100% قرار بدید !

**~~sm_pakdel~~** · September 10th, 2011, 02:12

مقدار چیو 100% قرار بدم
صد درصد چه ربطی به این موضوع داره؟

**amirlord** · September 10th, 2011, 02:13

نوشته اصلی توسط sm_pakdel

مقدار چیو 100% قرار بدم
صد درصد چه ربطی به این موضوع داره؟

ارتقا تیبل رو ! 100% به این معنا هست که تا حداقل ممکن در حداکثر مقدار

**~~sm_pakdel~~** · September 10th, 2011, 02:16

ارتفاع تگی که میخوام اخبار رو تش قرار بدم یا تگ اصلی سایتم رو ؟

**amirlord** · September 10th, 2011, 02:19

نوشته اصلی توسط sm_pakdel

ارتفاع تگی که میخوام اخبار رو تش قرار بدم یا تگ اصلی سایتم رو ؟

تمام تیبل های قبل از تیبل مطلب ! البته من بهتون پیشنهاد میکنم با تگ های html تیبل بسازید ، برای شروع کار بسیار آسان تر هست !

**~~sm_pakdel~~** · September 10th, 2011, 02:21

متوجه نمیشم منظورت از تیبل چیه
من از تگ تیبل استفاده نمی کنم از div استفاده میکنم

**amirlord** · September 10th, 2011, 02:23

نوشته اصلی توسط sm_pakdel

متوجه نمیشم منظورت از تیبل چیه
من از تگ تیبل استفاده نمی کنم از div استفاده میکنم

شما در واقع با استفاده از css تیبل ایجاد میکنید ولی به گونه ای دیگر ! همونطور که گفتم ارتفاع هارو مساوی 100% قرار بدید ، مشکل به نظر حل خواهد شد . من باید برم . فعلا خدانگهدار

موضوع: ارتفاع تگها

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

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

ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

پاسخ : ارتفاع تگها

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

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

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

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