مهدی

زمینه css

4 پست در این موضوع قرار دارد

سلام

چه طور در css میشه برای عکس زمینه هم از sprites استفاده کرد هم float مشخص کرد

یعنی مثلا چه طور ۲ تا کد زیر با هم ترکیب میشن


a{background:url(bg1.png) no-repeat 0px -173px}

float:right

با استفاده از کد اول عکس نمایش داده میشه ولی سمت چپ نمایش داده میشه

من می‌خوام بره سمت راست


.catbox li{padding:0px 5px;font-size:11px;line-height:28px;}
.catbox li a{background:url(d/bg1.png) no-repeat scroll 0px -173px transparent;padding:1px 15px 2px 2px;color:#333}
.catbox li a:hover{background-color:#f6f6f6;margin-right:4px;text-shadow:#fff 1px 1px 1px;color:#09F}

0

به اشتراک گذاری این پست


لینک به پست

float برای تنظیم مکان تگ مورد نظر هست

برای بکگراند از background-position استفاده کنید

http://www.w3schools.com/cssref/pr_background-position.asp

3

به اشتراک گذاری این پست


لینک به پست

تشکر

اما وقتی از

sprites استفاده کنید

دیگه پوزیشن جواب نمیده

و محل عکس بهم می‌خوره

راهی دیگری نیست؟

0

به اشتراک گذاری این پست


لینک به پست

اتفاقا background-position یکی از کاربردای مهمش در اسپریت هست!

http://www.w3schools.com/css/css_image_sprites.asp

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط ramy1908
      درود، وقت بخیر
      برای اولین بار مشکل عجیبی برام پیش اومده، متاسفانه من کد های مربوط به بخش ریسپانسیو رو بعد از تبدیل قالب به وردپرس انجام دادم و بعضی از کد هایی که توی مدیا کوئری ها با عرض کمتر قرار میدم اجرا نمیشه!!!
      هرچقدر هم سرچ کردم به مشکل مشابهی برنخوردم که شبیه مشکل خودم باشه، ترتیب کد ها رعایت شده و مشکل از اون نیستش، حتا با !important هم اعمال نمیشه چیزی، شما به مورد مشابه این برخوردید که راه حل داشته باشه؟
      با تشکر
    • توسط noorian
      سلام دوستان
      من درحال طراحی یک افزونه هستم ، و افزونه با فایل استایل با پسوند css سازگار نیست (style.css) پس مجبور شدم فایل استایل رو با پسوند php ایجاد کرده و در فایل اصلی افزونه فراخوانی کنم (include style.php)
       
      اما وقتی افزونه رو نصب میکنم ارور زیر رو میده :
      این افزونه 2405 حرف از خروجی غیرمنتظره در طول فعال‌سازی تولید کرد. اگر پیام اخطار “headers already sent” ، مشکلات مربوط به خوراک‌های پیوند یا مسائل دیگر را دریافت کردید، این افزونه را غیرفعال یا حذف کنید.
      چطوری این مشکل رو رفع کنم؟

    • توسط Ali.soleimani1378@
      سلام دوستان خسته نباشید
      برای ساخت صفحات سایت از افزونه المنتور و المنتور پرو استفاده کردم و فوق العاده برام کار راه انداز بوده
      منتها الان میخوام برای عکس ها و آیکون هام یه قالب شش ضلعی درست کنم
      درست مثل این سایت
      http://flatmode.com/
       
      اما المنتور امکان انتخاب قالب رو بهم نمیده
      حداکثر امکان گرد کردن حاشیه رو میده
      اما شش ضلعی نمیشه باهاش ساخت

      میخواستم ببینم آیا میشه از قسمت CSS افزونه المنتور یا خود بخش CSS اضافی قالب این مساله رو بهش تزریق کرد؟

      خیلی مهمه لطفا کمک کنید
    • توسط amir5250
      با عرض سلام
      دوستان من قالب kahuna رو از مخزن وردپرس دانلود کردم و استایل هاش رو توی سیستمم تغییر دادم و با استفاده از localhost تغییرات رو چک میکردم و مشکلی نداشتن، اما حالا که قالب رو روی وردپرس نصب کردم قالب مثل روز اولش شده و استایل هایی که بهش دادم رو نمی خونه. من استایل جدیدی هم بهش اضافه نکردم فقط همون استایل های قبلی رو ویرایش کردم،آخه مگه غیر از style.css و rtl.css راه دیگه ای برای استایل دهی هست؟ جالب اینجاست با اینکه اسکرین شات رو هم عوض میکنم ولی اسکرین شات اولیه خودش رو نمایش میده...کسی میدونه باید چیکار کنم؟
      در ضمن از ویرایشگر وردپرس هم که استفاده میکنم همه تغیراتی که به استایل ها دادم هستشون 
      لطفا راهنمایی کنید
    • توسط madidi
      سلام یه تگ i frame دارم که لینک یه صفحه سایت داره و محتوا اون سایت پخش میکنه حالا اگه بخوام توی صفحه اصلی که تگ ای فریم داره به محتوا تگم استایل بدم آیا میتونم یا باید حتما از توی خود لینک هدف استایل تعیین بشه ؟
       
      امیدوارم بتونم متوجه تون کرده باشم که چی شده