مشکل با <li>

[xerror]

من یه مشکل ساده با li پیدا کردم و اون هم اینه که برای مثال وقتی من

<li>آزمایش</li>

رو می نویسم wide این li تمام خط رو اشغال می کنه و باید به صورت دستی براش یه wide ثابت بنویسم تا این مشکلش حل بشه ولی وقتی متن داخل li ما از اون حد اندازه بیرون بزنه کار ما خراب میشه
میخواستم ببینم با چه کدی میتونم اندازه متن رو بهش بدم یعنی هر اندازه ای متن هست همون اندازه wide مون در li بشه؟

 

[vahidrk]

اگه كدتون رو كامل بزاريد (يا آدرس وبسايتتون رو) بقيه بهتر مي تونن كمك كنن.

 

[xerror]

این قضیه به وب سایتم ربطی نداره
و اگه کد رو بخوام کامل تر کنم اینجوری میشه:

<ul><li>آزمایش</li></ul>

البته فکر نکنم زیاد فرقی کنه؟

 

[Shahed]

احتمالا <li> از طرف css style sheet ای چیزی سفارشی نشده؟

 

[hajagha]

من احتمال میدم که توی کد CSS برای این تگ li یا تگ والدش (که حالا چی هست نمیدونم چون کل کد صفحه رو نداریم!!) یک سری خصوصیات و مقادیری تعریف شده که باعث شده که یک چنین مساله ای پیش بیاد.
شما هم لطفاً حرف بزرگان و اساتید اینجا رو گوش کن و خیر دنیا و آخرت و اینترنت رو ببر!!

 

[xerror]

این کل کد html:

<div id="postmeta"><ul><li class="author">نویسنده: علی</li><li class="cat">موضوعات: تست، آزمایش</li></ul></div>

این هم css هاش:

#postmeta ul{
	background: url('images/post-meta.png') no-repeat top;
	margin: 0;
	padding: 0;
	width:571px;
	height:30px;
}
#postmeta .author{
	background: url('images/author.gif') no-repeat right;
	list-style-type: none;
	padding-right: 22px;
	font-size:11px;
	
}
#postmeta .cat{
	background: url('images/cat.gif') no-repeat right;
	list-style-type: none;
	padding-right: 14px;
	font-size: 11px;
}

مشکل اصلیه من:
الان این خروجی من به این صورته
نویسنده: علی
موضوعات: تست , آزمایش
من میخواهم این جوری باشه:
نویسنده: علی موضوعات: تست, آزمایش
یعنی باید روبروی هم باشه و مینی آیکون هاش هم بهم نریزه

 

[Shahed]

اینکه روبروی هم باشن که یه display:inline رو برو تو کارش !
برای اون مشکلت هم به خط پنجم و ششم کد css ای که دادی نگاه کن. پارامتر های طول و عرض رو میگم !

 

[xerror]

اینکه روبروی هم باشن که یه display:inline رو برو تو کارش !

بدبختیم همینه دیگه display:inline کار نمی کنه

 

[xerror]

آقایون مشکل رو حل کردم با یه float نا قابل
به هر کدوم از li ها یه float:right دادم حل شد.