یک مشکل ساده اما حل نشدنی!

Masih1360 · 27 آگوست 2007

من این مشکل رو توی اکثر فروم های مطرح فارسی مطرح کردم ولی با اینکه به نظرم خیلی ساده هست جوابش، هیچ کس موفق نشده حلش کنه، امیدوارم بالاخره اینجا یکی پیدا بشه که یه ذره حداقل CSS رو بلد باشه:

فایل CSS من شامل کدی هست که وقتی یه تیتر ظاهر میشه، در کنار تیتر یه bullet کوچیک ظاهر بشه. همه چیز در فایرفاکس مرتبه ولی وقتی توی اینترنت اکسپلورر میبرم نوشته بر روی متن میاد (فکر کنم توضیح این نکته کمک کنه که این کد در واقع باید روی متن تیتر عمل کنه و اون رو به اندازه 20px به سمت چپ هدایت کنه ولی گویا در اینترنت اکسپلورر اصلا این فاصله روی متن اعمال نمیشه). نمونه ای از عملکرد کد هم در اینترنت اکسپلورر و هم در فایرفاکس رو به همراه کد مربوطه براتون میذارم:

اینترنت اکسپلورر:

فایرفاکس:

کد مربوطه:

کد:

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
	padding-right	: 20px;
	font-size 		: 11px;
	font-weight 	: bold;
	font		 	: Tahoma;
	color 			: black;
	background		: url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
}

Masih1360 · 28 آگوست 2007

باورم نمیشه حتی یک نفر هم بلد نباشه!! :blink:

farhad110 · 28 آگوست 2007

فکر کنم این مشکل مربوط به مرورگرها و پشتیبانی اونها از کدها میشه، من برای حل این مشکل و جلوگیری از تداخل یه جدول با دو ستون میذارم، در ستون اول Bullet و در ستون دوم تیتر رو قرار میدم و border جدول رو برابر با 0 قرار میدم. مطمئنا راه بهتری هم هست اما این راه مطمئن هست!

vahidrk · 28 آگوست 2007

سلام.
توي كدوم ورژن IE مشكل داره؟
فكر نمي كنم با ورژن 6 و 5.5 مشكل داشته باشه.ولي حتما توي ورژن 5.0 با اين مشكل روبرو مي شين.
براي ورژن 5.0 يه

کد:

display:block;

به كدهاتون اضافه كنيد.

vahidrk · 28 آگوست 2007

هوم ... من اصلا حواسم به صفحات فارسي نبود باهاشون هم تجربه اي ندارم

اگه توي header از "dir=rtl" استفاده كردين مشكلتون همين بايد باشه.اونو بايد بردارين بعد صفحه رو از نو مرتب كنيد(چه جوري نمي دونم)

بعد هم از اين استفاده كنين:

کد:

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
	direction		:rtl;
	padding-right	: 20px;
	font-size 		: 11px;
	font-weight 	: bold;
	font		 	: Tahoma;
	color 			: black;
	background		: url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
}

Masih1360 · 28 آگوست 2007

عالی بود وحید جان! با همون کد display مشکل حل شد. میشه حالا دقیقا بهم بگی این کد چی کار میکنه؟

vahidrk · 28 آگوست 2007

خوب ببينيد درسته كه مشكلتون رو حل مي كنه ولي راه درستش اين نيست.به نظرم راه درستش همون پست پنجم هست.
تگ <a> به طور پيش فرض يه عنصر درون خطي (inline element) هست.شما وقتي يه جمله رو با اين تگ بپوشونيد, اين تگ تا اون حدي كه جمله رو پوشش بده جا باز مي كنه.مي تونيد يه border به تگ <a> بدين و ببينيد.
حالا اگه چند تا inline element‌ رو پشت سر هم به كار ببرين اونا توي يه خط تراز مي شن.
ولي عناصر block-level‌ (مثل div) كل خط رو تا اونجايي كه محدود نشده باشن پوشش مي دن.عنصر بعدي كه به كار ببرين چه block-level و چه inline به خط بعدي منتقل مي شه.

كاري كه display:block براي تك <a> انجام مي ده اينه كه اون رو از يه عنصر درون خطي به يه عنصر block-level ‌تبديل مي كنه.

Masih1360 · 28 آگوست 2007

من اول پست پنجم رو انجام دادم ولی جواب نداد و هیچ تغییری حاصل نشد.
من اصلا CSS رو به صورت حرفه ای بلد نیستم. اگر میشه به زبان ساده تری توضیح بده.

درضمن این رو هم توضیح بدم که این بخشی از یک ماژول CMS مامبو هست.

vahidrk · 28 آگوست 2007

اگر كد صفحتون رو لطف كنيد بهتر مي تونم كمك كنم.

cssdesign · 29 آگوست 2007

درود بر شما
وحید جان، شما در زمینه CSS فعالیت می کنید؟ لطفا آدرس وب سایت خودتان رو بدهید.
پاینده باشید.

Masih1360 · 29 آگوست 2007

کد CSS صفحه ام به این صورت هست:

کد:

/* ###################### ARTICLE THUMBNAILS MODULE CLASS ###################### */
table.at_main_table {
  	border-width		: 0px 0px 0px 0px;
  	padding			: 0px 0px 0px 0px;
  	border-spacing		: 0px;
	border-style     	: none;
  	border-color		: black;
	border-collapse		: separate;
	background-color	: #DDE3D5;
	width				: 100%;
	padding-left     	: 0px;
	padding-right     	: 0px;
	border-bottom    	: 0px solid #AFC0D0;
}

table.at_main_table td {
  	border-width		: 0px 0px 0px 0px;
  	padding				: 0px 0px 0px 0px;
	border-style     	: none;
  	border-color		: black;
/* Range pas zamineye khate paeinen har post */
	background-color	: #DDE3D5;
	padding-left     	: 0px;
	padding-right     	: 0px;
/* Paeine har post ro namaiesh mide. Be onvane mesal mitoone khatchin bashe */
	border-bottom    	: 1px dashed black;
}

table.at_element_table1 {
  	border-width		: 0px 0px 0px 0px;
  	border-spacing		: 0px;
	border-style     	: none;
  	border-color		: black;
/* Range hashiehaye avalin post ro namaiesh mide */
	background-color	: #DDE3D5;
	width			: 100%;
	border-collapse		: separate;
	padding-left     	: 1px;
	padding-right     	: 1px;
	border-bottom    	: 0px solid #AFC0D0;
}

table.at_element_table1 td {
	border-style     	: none;
  	border-color		: black;
/* Range pas zamineye avalin post ro namaiesh mide */
	background-color	: #DDE3D5;	
	padding-left     	: 1px;
	padding-right     	: 1px;
	border-bottom    	: 0px solid #AFC0D0;
	text-align			: left;
}

table.at_element_table2 {
  	border-width		: 0px 0px 0px 0px;
  	border-spacing		: 0px;
	border-style     	: none;
  	border-color		: black;
	border-collapse		: separate;
/* Range hashiehaye dovomin post ro namaiesh mide */
	background-color	: #DDE3D5;
	width				: 100%;
	padding-left     	: 1px;
	padding-right     	: 1px;
	border-bottom    	: 0px solid #AFC0D0;
}

table.at_element_table2 td {
	border-style     	: none;
  	border-color		: black;
/* Range pas zamineye dovomin post ro namaiesh mide */
	background-color	: #DDE3D5;
	padding-left     	: 1px;
	padding-right     	: 1px;
	border-bottom    	: 0px solid #AFC0D0;
	text-align			: left;
}

a.at_img_table:link, a.at_img_table:visited {
	padding-left     	: 0px;
	padding-right     	: 0px;
	color 				: green;
}

a.at_img_table:hover {
	color 				: green;
}

div.at_title {
/* Faseleye titr ba poste ghabl */
	padding-top			: 5px;
/* Faseleye titr ba avale post */
	padding-bottom		: 5px;
}

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
	display:block;
	direction		:rtl;
	padding-right	: 20px;
	font-size 		: 11px;
	font-weight 	: bold;
	font		 	: Tahoma;
	color 			: black;
	background		: url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
}

a.at_title:hover {
/* Kolieye moshakhasate marboot be titr hengami ke mouse bar rooye an gharar migirad */
	color 				: green;
	border-bottom		: none;
	text-decoration		: none;

}

div.at_intro {
	font-size 		: 11px;
	font-weight 	: normal;
	font		 	: Tahoma;
	color 			: #000000;
	padding-top		: 0px;
	padding-right	: 3px;
	margin-right	: 60px;
}

div.at_date {
	font-size 		: 9px;
	font-style 		: italic;
	font-family 	: Arial, sans-serif, Times New Roman, Tahoma,Verdana;
	color 			: red;
	padding-top		: 0px;
}

div.at_readmore {
	padding-top		: 2px;
}

a.at_readmore:link, a.at_readmore:visited {
	font-size 		: 11px;
	font-weight 	: bold;
	font-family 	: Arial, sans-serif, Times New Roman, Tahoma, Verdana;
	color 			: green;
	padding-top		: 0px;
}

a.at_readmore:hover {
	color 			: white;
	border-bottom		: none;
}

vahidrk · 29 آگوست 2007

و كد html تون؟

اگه دوست دارن مخفي بمونه مي تونيد پي ام كني ولي اينجا باشه بهتره.

@cssdesign
سلام.تا كمي تا حدودي ولي وبسايت ندارم

cssdesign · 30 آگوست 2007

درود بر شما
وحید جان ، چرا در مسابقه طراحی وب سایت که طراحی ساختار صفحه با CSS هست شرکت نمی کنید؟

cssdesign · 30 آگوست 2007

به نقل از vahidrk :
و كد html تون؟

تایید میشه

Masih1360 · 30 آگوست 2007

من که گفتم این مربوط به یک فایل CMS هست. فایل PHP هست اصلش فکر نکنم به دردتون بخوره. اگر میخوره بگید تا بگذارم. درضمن یه بار دیگه اون کدی رو که گفتید به زبان ساده تر توضیح بدید لطفا!

cssdesign · 30 آگوست 2007

دوست عزیز مسیح جان
شما یک فایل them نیز دارید، آن را قرار دهید.

vahidrk · 30 آگوست 2007

براي فايل html فقط وقتي صفحه توي مرورگرتون كامل لود شد از توي گزينه View توي مرورگرتون گزينه page source رو انتخاب كنيد بعد كامل كد ها رو كپي كنيد.
كد قبلي اگه منظورتون display:block هست فكر نكنم هرچي هم توضيح بدم به دردتون بخوره چون خودم هم توجيهش رو از اينكه چرا باعث رفع مشكلتون مي شه نمي دونم

Masih1360 · 31 آگوست 2007

این هم فایل html:

کد:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>صفحه اصلی - یک شهر</title>
<meta name="description" content="این سایت از سیستم مدیریت محتوای متن باز مامبو استفاده میکند" />
<meta name="keywords" content="mambo user, Mambo" />
<meta name="Generator" content="Generator by Mambo , Developed By Mambolearn.Com" />
			<link rel="alternate" type="application/rss+xml" title="ساخته شده توسط مامبو" href="http://localhost/6/cache/rss20.xml" />
					<link rel="shortcut icon" href="http://localhost/6/images/favicon.ico" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://localhost/6/templates/yekshahr/css/template_css.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://localhost/6/mambots/content/lightThumb/prototype.js"></script>

<script type="text/javascript" src="http://localhost/6/mambots/content/lightThumb/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://localhost/6/mambots/content/lightThumb/lightbox.js"></script>
<link href="http://localhost/6/mambots/content/lightThumb/lightbox.css" rel="stylesheet" type="text/css"/> 
</head>

<body>
<table width="989" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="140" background="http://localhost/6/templates/yekshahr/images/header.gif">&nbsp;</td>
  </tr>
</table>
<table width="989" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DCE0D7">
  <tr> 
    <td width="23" height="25" background="http://localhost/6/templates/yekshahr/images/main-table-left.gif">&nbsp;</td>

    <td width="728">&nbsp;</td>
    <td width="222">&nbsp;</td>
    <td width="15" height="25" background="http://localhost/6/templates/yekshahr/images/main-table-right.gif">&nbsp;</td>
  </tr>
  <tr> 
    <td background="http://localhost/6/templates/yekshahr/images/main-table-left.gif">&nbsp;</td>
    <td valign="top"><table width="728" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td width="14" height="42" background="http://localhost/6/templates/yekshahr/images/secondary-table-left-up.gif">&nbsp;</td>
          <td width="699" valign="bottom" background="http://localhost/6/templates/yekshahr/images/secondary-table-up.gif" bgcolor="#DDE3D5"><div align="right"></div></td>

          <td width="15" background="http://localhost/6/templates/yekshahr/images/secondary-table-right-up.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td height="20" colspan="3" background="http://localhost/6/templates/yekshahr/images/secondary-table-bar.png">&nbsp;</td>
        </tr>
        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left.gif">&nbsp;</td>
          <td class="mainbodyyekshahr" bgcolor="#DDE3D5"><div class="mainbodyyekshahr"> 
              چيزی برای نمايش وجود ندارد            </div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right.gif">&nbsp;</td>

        </tr>
        <tr> 
          <td height="25" background="http://localhost/6/templates/yekshahr/images/secondary-table-left-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-down.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>

        </tr>
        <tr> 
          <td height="42" background="http://localhost/6/templates/yekshahr/images/secondary-table-left-up.gif">&nbsp;</td>
          <td valign="bottom" background="http://localhost/6/templates/yekshahr/images/secondary-table-up.gif" bgcolor="#DDE3D5"><div align="right"><img src="http://localhost/6/templates/yekshahr/images/akhbar-logo.gif" width="75" height="34" align="absbottom"></div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-up.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td height="20" colspan="3" background="http://localhost/6/templates/yekshahr/images/secondary-table-bar.png">&nbsp;</td>
        </tr>
        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left.gif">&nbsp;</td>

          <td bgcolor="#DDE3D5"><div id="user1"> 
              			<table cellpadding="0" cellspacing="0" class="moduletable">
						<tr>
				<td>
				<link rel="stylesheet" type="text/css" href="modules/mod_article_thumbnails/at.css" />
<table  class="at_main_table"><tr><td width="100%" valign="middle"><table class="at_element_table1"><tr><td valign="top"  width="100%"><div  class="at_title" ><a  class="at_title"  href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=4&amp;Itemid=9">واگذاری تعدادی از واحدهای مسکونی سپیده در کرمان</a></div></td></tr><tr><td valign="top" height="100%"><a  class="at_img_table"  href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=4&amp;Itemid=9"><img src="http://localhost/6/images/stories/1386531/5xhrxw9.jpg" width="50" height="50" border="1" style="float: right; margin-left: 0em; margin-right: 0.2em; margin-top: 0.1em; margin-bottom: 0.1em;" alt="" /></a><div class="at_intro"><font face="tahoma,arial,helvetica,sans-serif">تعداد محدودی از واحد های مسکونی پروژه &quot;سپیده کرمان (فاز 2 بعثت)&quot; شرکت سرمایه گذاری مسکن آماده واگذاری است. 			</font></div></td></tr></table></td></tr><tr><td width="100%" valign="middle"><table class="at_element_table2"><tr><td valign="top"  width="100%"><div  class="at_title" ><a  class="at_title"  href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=5&amp;Itemid=9">واگذاری تعداد از واحدهای مسکونی گلشهر در زنجان</a></div></td></tr><tr><td valign="top" height="100%"><a  class="at_img_table"  href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=5&amp;Itemid=9"><img src="http://localhost/6/images/stories/1386531/showimage.aspx.jpg" width="50" height="50" border="1" style="float: right; margin-left: 0em; margin-right: 0.2em; margin-top: 0.1em; margin-bottom: 0.1em;" alt="" /></a><div class="at_intro"><font face="tahoma,arial,helvetica,sans-serif">تعداد محدودی از واحد های مسکونی پروژه &quot;گلشهر زنجان&quot; شرکت سرمایه گذاری مسکن آماده واگذاری است. 			</font></div></td></tr></table></td></tr><tr><td width="100%" valign="middle"><table class="at_element_table1"><tr><td valign="top"  width="100%"><div  class="at_title" ><a  class="at_title"  href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=6&amp;Itemid=9">حضور شرکت سرمایه گذاری مسکن در نخستین همایش سراسری مسک�</a></div></td></tr><tr><td valign="top" height="100%"><a  class="at_img_table"  href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=6&amp;Itemid=9"><img src="http://localhost/6/images/stories/1386531/2.jpg" width="50" height="50" border="1" style="float: right; margin-left: 0em; margin-right: 0.2em; margin-top: 0.1em; margin-bottom: 0.1em;" alt="" /></a><div class="at_intro"><font face="tahoma,arial,helvetica,sans-serif">به گزارش روابط عمومی شرکت سرمایه گذاری مسکن این شرکت در دهمین اجلاس هیات عمومی سازمان **** مهندسی ساختمان کشور که از تاریخ 3-1 تیر ماه سال جاری برگزار می شود، حضور خواهد داشت.</font></div></td></tr></table></td></tr></table>				</td>

			</tr>
			</table>
			            </div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-down.gif">&nbsp;</td>

        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td height="42" background="http://localhost/6/templates/yekshahr/images/secondary-table-left-up.gif">&nbsp;</td>
          <td valign="bottom" background="http://localhost/6/templates/yekshahr/images/secondary-table-up.gif" bgcolor="#DDE3D5"><div align="right"><img src="http://localhost/6/templates/yekshahr/images/hamaieshha-logo.gif" width="195" height="34"></div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-up.gif">&nbsp;</td>

        </tr>
        <tr> 
          <td height="20" colspan="3" background="http://localhost/6/templates/yekshahr/images/secondary-table-bar.png">&nbsp;</td>
        </tr>
        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left.gif">&nbsp;</td>
          <td bgcolor="#DDE3D5"><div id="user2"> 
                          </div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right.gif">&nbsp;</td>
        </tr>

        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-down.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>

        <tr> 
          <td height="42" background="http://localhost/6/templates/yekshahr/images/secondary-table-left-up.gif">&nbsp;</td>
          <td valign="bottom" background="http://localhost/6/templates/yekshahr/images/secondary-table-up.gif" bgcolor="#DDE3D5"><div align="right"><img src="http://localhost/6/templates/yekshahr/images/maghalat-logo.gif" alt="" width="85" height="31"></div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-up.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td height="20" colspan="3" background="http://localhost/6/templates/yekshahr/images/secondary-table-bar.png">&nbsp;</td>
        </tr>
        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left.gif">&nbsp;</td>

          <td bgcolor="#DDE3D5"><div id="user3"> 
                          </div></td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-left-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-down.gif">&nbsp;</td>
          <td background="http://localhost/6/templates/yekshahr/images/secondary-table-right-down.gif">&nbsp;</td>
        </tr>
        <tr> 
          <td height="40">&nbsp;</td>

          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td align="center"> 
            <!-- PayPerClick Advertise Ment system -->
<script language='JavaScript' type='text/javascript' src='http://www.agpshop.com/webmasters/showbanner.php?uname=Masih&bID=29' ></script>
          </td>
          <td>&nbsp;</td>

        </tr>
      </table>
    </td>
    <td valign="top"><table width="222" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="29" height="20" background="http://localhost/6/templates/yekshahr/images/sidebar-table-left-up.gif">&nbsp;</td>
        <td width="173" colspan="2" background="http://localhost/6/templates/yekshahr/images/sidebar-table-up.gif">&nbsp;</td>
        <td width="20" background="http://localhost/6/templates/yekshahr/images/sidebar-table-right-up.gif">&nbsp;</td>
      </tr>

      <tr>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-left.gif">&nbsp;</td>
        <td height="40" colspan="2" align="center" bgcolor="#DDE3D5">
<form action="index.php" method="post">
              <div class="search" align="center">
                <input class="inputbox" type="text" name="searchword" size="25" value="جستجو..."  onblur="if(this.value=='') this.value='جستجو...';" onFocus="if(this.value=='جستجو...') this.value='';" />
              </div>
              <input type="hidden" value="search" name="option" />
            </form></td>

        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="20" background="http://localhost/6/templates/yekshahr/images/sidebar-table-bar-left.gif">&nbsp;</td>
        <td colspan="2" background="http://localhost/6/templates/yekshahr/images/sidebar-table-bar.gif">&nbsp;</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-left.gif">&nbsp;</td>

        <td colspan="2" bgcolor="#DDE3D5">			<table cellpadding="0" cellspacing="0" class="moduletable">
						<tr>
				<td>
				
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel" id="active_menu">صفحه اصلی</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=section&amp;id=1&amp;Itemid=9" class="mainlevel" >اخبار</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=category&amp;sectionid=2&amp;id=3&amp;Itemid=6" class="mainlevel" >گزارش و مصاحبه</a></td></tr>
<tr align="left"><td><a href="localhost/gallery" target="_blank" class="mainlevel" >پایگاه اطلاعات</a></td></tr>

<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=category&amp;sectionid=4&amp;id=5&amp;Itemid=8" class="mainlevel" >مکاتب و نظریات</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=category&amp;sectionid=5&amp;id=6&amp;Itemid=12" class="mainlevel" >شهرسازان</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=section&amp;id=6&amp;Itemid=10" class="mainlevel" >آموزش</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=category&amp;sectionid=7&amp;id=9&amp;Itemid=13" class="mainlevel" >شهرشناسی</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=category&amp;sectionid=8&amp;id=10&amp;Itemid=14" class="mainlevel" >معرفی کتاب</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=category&amp;sectionid=9&amp;id=11&amp;Itemid=15" class="mainlevel" >معرفی سایت</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_content&amp;task=view&amp;id=3&amp;Itemid=16" class="mainlevel" >درباره ما</a></td></tr>
<tr align="left"><td><a href="http://localhost/6/index.php?option=com_search&amp;Itemid=5" class="mainlevel" >جستجوی پیشرفته</a></td></tr>
</table>				</td>

			</tr>
			</table>
			</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="20" background="http://localhost/6/templates/yekshahr/images/lines-between-menu-item.gif">&nbsp;</td>
        <td colspan="2" bgcolor="#DDE3D5">&nbsp;</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>

      </tr>
      <tr>
        <td height="20" background="http://localhost/6/templates/yekshahr/images/sidebar-table-bar-left.gif">&nbsp;</td>
        <td colspan="2" background="http://localhost/6/templates/yekshahr/images/sidebar-table-bar.gif">&nbsp;</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="60" background="http://localhost/6/templates/yekshahr/images/lines-between-menu-item.gif">&nbsp;</td>
        <td bgcolor="#DDE3D5"><div align="center"><img src="http://localhost/6/templates/yekshahr/images/voroode-aza-logo.gif" width="75" height="30"></div></td>

        <td bgcolor="#DDE3D5"><div align="right"><img src="http://localhost/6/templates/yekshahr/images/pc-logo.gif" width="50" height="55" align="absmiddle"></div></td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td background="http://localhost/6/templates/yekshahr/images/lines-between-menu-item.gif">&nbsp;</td>
        <td colspan="2" bgcolor="#DDE3D5">			<table cellpadding="0" cellspacing="0" class="moduletable">
						<tr>
				<td>

					<form action="http://localhost/6/" method="post" name="login" >
		<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td>
		نام کاربری		<br />
		<input name="username" type="text" class="inputbox" alt="نام کاربری" size="10" />
		<br />
		کلمه عبور		<br />

		<input type="password" name="passwd" class="inputbox" size="10" alt="کلمه عبور" />
		<br />
		<input type="checkbox" name="remember" class="inputbox" value="yes" alt="مرا به ياد داشته باش" /> 
		مرا به ياد داشته باش		<br />
		<input type="hidden" name="option" value="login" />
		<input type="submit" name="Submit" class="button" value="ورود" />
		</td>
	</tr>
	<tr>

		<td>
		<a href="http://localhost/6/index.php?option=com_registration&amp;task=lostPassword">
		فراموش کردن کلمه عبور		</a>
		</td>
	</tr>
			<tr>
			<td>
			ثبت نام نكرده ايد؟			<a href="http://localhost/6/index.php?option=com_registration&amp;task=register">

			عضویت			</a>
			</td>
		</tr>
			</table>
		
	<input type="hidden" name="op2" value="login" />
	<input type="hidden" name="lang" value="fa_IR" />
	<input type="hidden" name="return" value="http://localhost/6/" />
	<input type="hidden" name="message" value="0" />

	</form>
					</td>
			</tr>
			</table>
			</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="20" background="http://localhost/6/templates/yekshahr/images/sidebar-table-bar-left.gif">&nbsp;</td>

        <td colspan="2" background="http://localhost/6/templates/yekshahr/images/sidebar-table-bar.gif">&nbsp;</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="60" background="http://localhost/6/templates/yekshahr/images/lines-between-menu-item.gif">&nbsp;</td>
        <td>
			<div align="center">
				<img src="http://localhost/6/templates/yekshahr/images/amarvabazdidha-logo.gif" width="100" height="25">
			</div>		
		</td>

        <td>
			<div align="right">
				<img src="http://localhost/6/templates/yekshahr/images/amar-logo.gif" width="55" height="50" align="absmiddle">
			</div>
		</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td background="http://localhost/6/templates/yekshahr/images/lines-between-menu-item.gif">&nbsp;</td>

        <td colspan="2" dir="rtl">			<table cellpadding="0" cellspacing="0" class="moduletable">
						<tr>
				<td>
				 1 میهمان حاضر است				</td>
			</tr>
			</table>
						<table cellpadding="0" cellspacing="0" class="moduletable">
							<tr>

					<td>
					<div align="center"> <!-- PersianStat --> <script src="http://www.persianstat.ir/service/stat.js" type="text/javascript" language="javascript"></script> <script type="text/javascript" language="javascript"> persianstat(10031111, 0); </script> <!-- /PersianStat --> </div>					</td>
				</tr>
						</table>
		</td>

        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right.gif">&nbsp;</td>
      </tr>
      <tr>
        <td height="20" background="http://localhost/6/templates/yekshahr/images/sidebar-table-left-down.gif">&nbsp;</td>
        <td colspan="2" background="http://localhost/6/templates/yekshahr/images/sidebar-table-down.gif">&nbsp;</td>
        <td background="http://localhost/6/templates/yekshahr/images/sidebar-table-right-down.gif">&nbsp;</td>
      </tr>
    </table>
    <p>&nbsp;</p>

      <p>&nbsp;</p>
      </td>
    <td background="http://localhost/6/templates/yekshahr/images/main-table-right.gif">&nbsp;</td>
  </tr>
  <tr> 
    <td background="http://localhost/6/templates/yekshahr/images/main-table-left.gif">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td background="http://localhost/6/templates/yekshahr/images/main-table-right.gif">&nbsp;</td>

  </tr>
  <tr> 
    <td height="20" background="http://localhost/6/templates/yekshahr/images/main-table-down-left.gif">&nbsp;</td>
    <td background="http://localhost/6/templates/yekshahr/images/main-table-down.gif">&nbsp;</td>
    <td background="http://localhost/6/templates/yekshahr/images/main-table-down.gif">&nbsp;</td>
    <td background="http://localhost/6/templates/yekshahr/images/main-table-down-right.gif">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="4" bgcolor="EEF5E9"><div align="center"> <font size="2" face="Arial, Helvetica, sans-serif">@2007 
        Developed by: yekshahr.com team. All right reserved.</font>Template Design By mambolearn Team</div></td>

  </tr>
</table>
</body>
</html>
<script type="text/javascript" src="http://shots.snap.com/snap_shots.js?ap=1&amp;key=979922dce8fb012f3771c6839b52e40a&amp;sb=0&amp;th=ice&amp;cl=0&amp;si=0&amp;po=0&amp;df=1&amp;oi=0&amp;lang=en-us&amp;domain=www.yekshahr.com">
</script>
<!-- 1188619093 -->

درضمن وحید جان شما گفتی استفاده از این کد درست نیست. میخواستم بدونم چرا درست نیست؟ چه مشکلی ممکنه پیش بیاره؟

vahidrk · 31 آگوست 2007

درضمن وحید جان شما گفتی استفاده از این کد درست نیست. میخواستم بدونم چرا درست نیست؟ چه مشکلی ممکنه پیش بیاره؟

كد اچ تي ام الي كه من روش امتحان مي كردم با مال شما فرق داشت...فكر مي كنم به خاطر همين پست پنجم درست نبود.
اشكالش مثلا وقتي بخواين پشت سر هم توي هر خط چند تا لينك قرار بدين (كه پشتشون bullet داشته باشه)
ديگه نيازي به تگ <br> ندارين اونوقت هر جايي كه از فايل CSS تون استفاده نشه (مثل برنامه هاي صفحه خوان) لينك ها پشت سر هم توي يه خط جمع مي شن چون <a> در اصل يه عنصر درون خطي هست.
فكر نمي كنم اين براي شما مهم باشه(هر چند براي شما اين مشكل پيش نمي ياد چون تگ <a> توي يه div قرار داره)...

اينو

کد:

div.at_title {
/* Faseleye titr ba poste ghabl */
	padding-top			: 5px;
/* Faseleye titr ba avale post */
	padding-bottom		: 5px;
}

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
	padding-right	: 20px;
	font-size 		: 11px;
	font-weight 	: bold;
	font		 	: Tahoma;
	color 			: black;
	background		: url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
}

به اين تغيير بدين:

کد:

div.at_title {
/* Faseleye titr ba poste ghabl */
	padding-top			: 5px;
/* Faseleye titr ba avale post */
	padding-bottom		: 5px;
	padding-right		: 20px;
}

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
	font-size 		: 11px;
	font-weight 	: bold;
	font		 	: Tahoma;
	color 			: black;
	background		: url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
}

اگه نشد فكر كنم بايد از همون display:block‌ استفاده كنيد.
ببخشيد كه اطلاعاتم به درد بخور نيست

برگزیده های پرشین تولز

یک مشکل ساده اما حل نشدنی!

کاربر تازه وارد

کاربر تازه وارد

کاربر تازه وارد

کاربر قدیمی پرشین تولز

کاربر قدیمی پرشین تولز

کاربر تازه وارد

کاربر قدیمی پرشین تولز

کاربر تازه وارد

کاربر قدیمی پرشین تولز

Registered User

کاربر تازه وارد

کاربر قدیمی پرشین تولز

Registered User

Registered User

کاربر تازه وارد

Registered User

کاربر قدیمی پرشین تولز

کاربر تازه وارد

کاربر قدیمی پرشین تولز

تبلیغات متنی