زمینه css

[مهدی 1668]

سلام

چه طور در 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}

[Parsa 23463]

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

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

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

[مهدی 1668]

تشکر

اما وقتی از

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

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

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

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

[Parsa 23463]

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

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