آژانس هواپیماییexchanging

مشکل با <li>

شروع موضوع توسط xerror ‏1 اکتبر 2007 در انجمن CSS

  1. xerror

    xerror Registered User

    تاریخ عضویت:
    ‏28 آپریل 2007
    نوشته ها:
    66
    تشکر شده:
    0
    محل سکونت:
    Tehran
    من یه مشکل ساده با li پیدا کردم و اون هم اینه که برای مثال وقتی من
    کد:
    <li>آزمایش</li>
    رو می نویسم wide این li تمام خط رو اشغال می کنه و باید به صورت دستی براش یه wide ثابت بنویسم تا این مشکلش حل بشه ولی وقتی متن داخل li ما از اون حد اندازه بیرون بزنه کار ما خراب میشه
    میخواستم ببینم با چه کدی میتونم اندازه متن رو بهش بدم یعنی هر اندازه ای متن هست همون اندازه wide مون در li بشه؟
     
  2. vahidrk

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

    تاریخ عضویت:
    ‏2 جولای 2005
    نوشته ها:
    3,377
    تشکر شده:
    506
    محل سکونت:
    Home
    اگه كدتون رو كامل بزاريد (يا آدرس وبسايتتون رو) بقيه بهتر مي تونن كمك كنن.
     
  3. xerror

    xerror Registered User

    تاریخ عضویت:
    ‏28 آپریل 2007
    نوشته ها:
    66
    تشکر شده:
    0
    محل سکونت:
    Tehran
    این قضیه به وب سایتم ربطی نداره
    و اگه کد رو بخوام کامل تر کنم اینجوری میشه:
    کد:
    <ul><li>آزمایش</li></ul>
    البته فکر نکنم زیاد فرقی کنه؟
     
  4. Shahed

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

    تاریخ عضویت:
    ‏30 ژوئن 2003
    نوشته ها:
    7,175
    تشکر شده:
    31
    محل سکونت:
    mt.cgi
    احتمالا <li> از طرف css style sheet ای چیزی سفارشی نشده؟
     
  5. hajagha

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

    تاریخ عضویت:
    ‏20 دسامبر 2002
    نوشته ها:
    436
    تشکر شده:
    4
    من احتمال میدم که توی کد CSS برای این تگ li یا تگ والدش (که حالا چی هست نمیدونم چون کل کد صفحه رو نداریم!!) یک سری خصوصیات و مقادیری تعریف شده که باعث شده که یک چنین مساله ای پیش بیاد.
    شما هم لطفاً حرف بزرگان و اساتید اینجا رو گوش کن و خیر دنیا و آخرت و اینترنت رو ببر!!
     
  6. xerror

    xerror Registered User

    تاریخ عضویت:
    ‏28 آپریل 2007
    نوشته ها:
    66
    تشکر شده:
    0
    محل سکونت:
    Tehran
    این کل کد 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;
    }
    
    مشکل اصلیه من:
    الان این خروجی من به این صورته
    نویسنده: علی
    موضوعات: تست , آزمایش
    من میخواهم این جوری باشه:
    نویسنده: علی موضوعات: تست, آزمایش
    یعنی باید روبروی هم باشه و مینی آیکون هاش هم بهم نریزه
     
  7. appbannerkhuniresbanner
  8. Shahed

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

    تاریخ عضویت:
    ‏30 ژوئن 2003
    نوشته ها:
    7,175
    تشکر شده:
    31
    محل سکونت:
    mt.cgi
    اینکه روبروی هم باشن که یه display:inline رو برو تو کارش !
    برای اون مشکلت هم به خط پنجم و ششم کد css ای که دادی نگاه کن. پارامتر های طول و عرض رو میگم !
     
  9. xerror

    xerror Registered User

    تاریخ عضویت:
    ‏28 آپریل 2007
    نوشته ها:
    66
    تشکر شده:
    0
    محل سکونت:
    Tehran
    بدبختیم همینه دیگه display:inline کار نمی کنه :eek:
     
  10. xerror

    xerror Registered User

    تاریخ عضویت:
    ‏28 آپریل 2007
    نوشته ها:
    66
    تشکر شده:
    0
    محل سکونت:
    Tehran
    آقایون مشکل رو حل کردم با یه float نا قابل
    به هر کدوم از li ها یه float:right دادم حل شد.