Hello, how can I make CSS Sprites for my Navigation?
The Tutorial hasn't halp me..
I had a Text Navigation with little Icons.

This are my Sprite: http://img4.fotos-hochladen.net/uploads/bildj1eio29kfw.png
And this are my Code:

Code:

.sprites{background-image:url(http://img4.fotos-hochladen.net/uploads/bildj1eio29kfw.png);background-color:transparent;background-repeat:no-repeat;}
#i_icon_mini_message{height:10px;width:14px;background-position:0 0;}
#i_icon_mini_gallery{height:14px;width:16px;background-position:-14px 0;}
#i_icon_mini_index{height:12px;width:13px;background-position:-30px 0;}
#i_icon_mini_members{height:14px;width:16px;background-position:-43px 0;}
#i_icon_mini_portal{height:14px;width:14px;background-position:-59px 0;}
#i_icon_mini_register{height:14px;width:16px;background-position:-73px 0;}
#icon_search_gif{height:14px;width:16px;background-position:-89px 0;}
#i_icon_mini_profile{height:14px;width:16px;background-position:-105px 0;}
#i_icon_mini_faq{height:14px;width:16px;background-position:-121px 0;}
#i_icon_mini_new_message{height:14px;width:16px;background-position:-137px 0;}

But it's doesn't work..

Please help me!

http://www.schiggysboard.com/

Hi,

May I ask what are you trying to make? This?

yes.

Add the images in your AP > Display > Pictures managment > Advanced > General tab

http://illiweb.com/fa/prosilver/icon_home.gif
http://illiweb.com/fa/prosilver/icon_calendar.gif
http://illiweb.com/fa/prosilver/icon_gallery.gif
http://illiweb.com/fa/prosilver/icon_portal.png
http://illiweb.com/fa/prosilver/icon_faq.gif
http://illiweb.com/fa/prosilver/icon_search.gif
http://illiweb.com/fa/prosilver/icon_members.gif
http://illiweb.com/fa/prosilver/icon_groups.gif
http://illiweb.com/fa/prosilver/icon_ucp.gif
http://illiweb.com/fa/prosilver/icon_message.png
http://illiweb.com/fa/prosilver/icon_message.png
http://illiweb.com/fa/prosilver/icon_register.gif
http://illiweb.com/fa/prosilver/icon_logout.gif
http://illiweb.com/fa/prosilver/icon_logout.gif

and do a: AP > Display > Headers and navigations > Display only images in navbabar > NO

No, I had this Picture: http://img4.fotos-hochladen.net/uploads/bildj1eio29kfw.png
And would this Picture make in CSS Sprites.

But I don't know the Class of the .. or .. I don't know, how I can make it in the CSS..

this doesn't work:

Code:

.sprites{background-image:url(http://img4.fotos-hochladen.net/uploads/bildj1eio29kfw.png);background-color:transparent;background-repeat:no-repeat;}
#i_icon_mini_message{height:10px;width:14px;background-position:0 0;}
#i_icon_mini_gallery{height:14px;width:16px;background-position:-14px 0;}
#i_icon_mini_index{height:12px;width:13px;background-position:-30px 0;}
#i_icon_mini_members{height:14px;width:16px;background-position:-43px 0;}
#i_icon_mini_portal{height:14px;width:14px;background-position:-59px 0;}
#i_icon_mini_register{height:14px;width:16px;background-position:-73px 0;}
#icon_search_gif{height:14px;width:16px;background-position:-89px 0;}
#i_icon_mini_profile{height:14px;width:16px;background-position:-105px 0;}
#i_icon_mini_faq{height:14px;width:16px;background-position:-121px 0;}
#i_icon_mini_new_message{height:14px;width:16px;background-position:-137px 0;}

please Help me

Please Help me!

Help me.

please help me!

Please..help..me!!^^

help me please..

push

bump

Help me Please!

bump

please!!