رفتن به مطلب

یک مشکل با css


پست های پیشنهاد شده

سلام دوستان .

یه اتفاق عجیب تو کدهام افتاده . با عکس بهتر معلوم میشه . در IE و کروم سایدباری که ایجاد کردم مشکل داره ولی در فایرفاکس درسته .

خیلی کدهامو بررسی کردم نمیدونم این فاصله به خاطر چیه ؟ بعضی سایدها بی فاصله هستند و بعضی بافاصله . نکته ای هست ؟

کد css :


.box-news-center{width:245px;min-height:150px; background-image:url(images/pic-side_02.png); padding-right:20px;padding-left:5px}
.box-news-bottom{width:270px;height:25px; background-image:url(images/pic-side_03.png)}

post-1361-0-54671200-1367838658_thumb.jp

post-1361-0-74722200-1367838666_thumb.jp

ویرایش شده توسط pary_daryayi
لینک به ارسال

اول از همه این دو لایه div هستند یا span

دوم محل قرار گیریشون رو نسبت به هم چک کنید

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


.box-news{width:270px;min-height:175px; background-image:url(images/pic-side_03.png),url(images/pic-side_02.png);background-repeat:no-repeat,repeat-y;background-position:left bottom,left center}

لینک به ارسال

هر کدوم یک دایو هستند که درون دایو اصلی قرار گرفتند .

روش شما رو امتحان کردم . تو ie جواب نمیده . همیشه از همین راه استفاده میکنم و مشکلی نداشت .

روش والد و فرزند هم که در IE ست نیست .

چرا IE منقرض نمیشه ؟ :mellow:

لینک به ارسال

ویرایش : بطور اتفاقی ul ای که قبل از کد آرشیو مطلب و .. قرار میگرفت رو حذف کردم و تقریبا درست شد .

لینک به ارسال

قبل از کد آرشیو کجا ul قرار گرفته بود؟

در هر حال div داخل li با مشکل روبروست و ul نمی تونه زیرمجموعه اولی جز li داشته باشه

کد مولتی بک گراند را ie9 ساپورت می کنه

لینک به ارسال

نه !! div رو درون ul قرار نداده بودم . اینطور نوشته بودم که ul رو حذف کردم.


<div id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</div><!-- end category-->

ویرایش شده توسط pary_daryayi
لینک به ارسال

نه !! div رو درون ul قرار نداده بودم . اینطور نوشته بودم که ul رو حذف کردم.


<div id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</div><!-- end category-->

تابع wp list خودش ul ایجاد میکنه!

لینک به ارسال

نه !! div رو درون ul قرار نداده بودم . اینطور نوشته بودم که ul رو حذف کردم.


[code]
<div id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</div><!-- end category-->

این اشتباهه


<ul id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</ul><!-- end category-->

لینک به ارسال

وقتی لیستی را می خواهید به صورت دیفالت در li بسته بندی می شه مگر اینکه Style برای none تنظیم بشه

http://codex.wordpress.org/Function_Reference/wp_list_categories

لینک به ارسال
  • 2 هفته بعد...

آقا ایمان روشی که برای قرار دادن عکس گفتید خیلی بهتر و خلاصه تره . من برای یه مورد دیگه همین روش رو امتحان کردم , تو فایرفاکس و کروم درسته ولی در IE اصلا هیچی نشون نمیده . اینطور نوشتم :


background-image:url(images/side-topingg_01.png),url(images/side-topingg_02.png),url(images/side-topingg_03.png);
background-repeat:no-repeat,no-repeat,no-repeat; background-position:left,center,right;

نکته ای داره برای ست شدن در IE?

ویرایش شده توسط pary_daryayi
لینک به ارسال

آقا ایمان روشی که برای قرار دادن عکس گفتید خیلی بهتر و خلاصه تره . من برای یه مورد دیگه همین روش رو امتحان کردم , تو فایرفاکس و کروم درسته ولی در IE اصلا هیچی نشون نمیده . اینطور نوشتم :


background-image:url(images/side-topingg_01.png),url(images/side-topingg_02.png),url(images/side-topingg_03.png);
background-repeat:no-repeat,no-repeat,no-repeat; background-position:left,center,right;

نکته ای داره برای ست شدن در IE?

ie قراره از این نسخه ساپورتش کنه ولی نسخه های پایین ترش نه متاسفانه معمولا استایل جدا برای آی ای می دن که ساده تر باشه و با یک تصویر یا رنگ اجرا بشه و یک پیام که آی ای از رده خارجه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...