Problems with RollOver code

Go down

Solved Problems with RollOver code

Post by Yamato on December 13th 2010, 11:40 pm

I decided to make RollOver navigation on my forums so I made some buttons and I used one of your codes from RollOver topics.
It works but it gives me some problems too.



As you see in the picture above, 1. two buttons, ok, but then comes some kind of separator thing (It's not a problem with the images), and the last button is offset too. It realy looks ugly like this.

Is there any way to correct this.


This is the CSS code I am using.

Spoiler:

/* Menu-------------------------------------------------*/



#i_icon_mini_index {
background-image: url(http://img152.imageshack.us/img152/6201/lforum.png);
width: 89px;
height: 42px;
}
#i_icon_mini_index:hover {
background-image: url(http://img254.imageshack.us/img254/8696/dforum.png);
width: 89px;
height: 42px;
}

#i_icon_mini_portal {
background-image: url(http://img20.imageshack.us/img20/9216/lportal.png);
width: 50px;
height: 40px;
}
#i_icon_mini_portal:hover {
background-image: url(http://img839.imageshack.us/img839/4460/dportal.png);
width: 50px;
height: 40px;
}

#i_icon_mini_faq {
background-image: url(http://img46.imageshack.us/img46/7650/lfaq.png);
width: 35px;
height: 42px;
}
#i_icon_mini_faq:hover {
background-image: url(http://img193.imageshack.us/img193/1782/dfaq.png);
width: 35px;
height: 42px;
}

#i_icon_mini_search {
background-image: url(http://img690.imageshack.us/img690/4025/lsearch.png);
width: 53px;
height: 42px;
}
#i_icon_mini_search:hover {
background-image: url(http://img263.imageshack.us/img263/9720/dsearch.png);
width: 53px;
height: 42px;
}

#i_icon_mini_members {
background-image: url(http://img545.imageshack.us/img545/9026/lmembers.png);
width: 68px;
height: 42px;
}
#i_icon_mini_members:hover {
background-image: url(http://img522.imageshack.us/img522/9709/dmembers.png);
width: 68px;
height: 42px;
}

#i_icon_mini_groups {
background-image: url(http://img338.imageshack.us/img338/9577/lgroups.png);
width: 55px;
height: 42px;
}
#i_icon_mini_groups:hover {
background-image: url(http://img697.imageshack.us/img697/6899/dgroups.png);
width: 55px;
height: 42px;
}

#i_icon_mini_profile {
background-image: url(http://img814.imageshack.us/img814/7774/lprofile.png);
width: 52px;
height: 42px;
}
#i_icon_mini_profile:hover {
background-image: url(http://img404.imageshack.us/img404/470/dprofile.png);
width: 52px;
height: 42px;
}

#i_icon_mini_message {
background-image: url(http://img94.imageshack.us/img94/7082/lmess.png);
width: 67px;
height: 42px;
}
#i_icon_mini_message:hover {
background-image: url(http://img576.imageshack.us/img576/9154/dmess.png);
width: 67px;
height: 42px;
}

#i_icon_mini_new_message {
background-image: url(http://img152.imageshack.us/img152/6449/lnmess.png);
width: 97px;
height: 42px;
}
#i_icon_mini_new_message:hover {
background-image: url(http://img715.imageshack.us/img715/5038/dnmess.png);
width: 97px;
height: 42px;
}

#i_icon_mini_logout {
background-image: url(http://img821.imageshack.us/img821/3706/llogout.png);
width: 90px;
height: 42px;
}
#i_icon_mini_logout:hover {
background-image: url(http://img816.imageshack.us/img816/1672/dlogout.png);
width: 90px;
height: 42px;
}

#i_icon_mini_login {
background-image: url(http://img253.imageshack.us/img253/8584/llogin.png);
width: 85px;
height: 42px;
}
#i_icon_mini_login:hover {
background-image: url(http://img20.imageshack.us/img20/1738/dlogin.png);
width: 85px;
height: 42px;
}


#i_icon_mini_register {
background-image: url(http://img585.imageshack.us/img585/383/lreg.png);
width: 68px;
height: 42px;
}
#i_icon_mini_register:hover {
background-image: url(http://img823.imageshack.us/img823/1972/dreg.png);
width: 68px;
height: 42px;
}


ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://a.imagehost.org/0781/picture_legend.png');
text-align: CENTER;
padding: 24px 0;
}


Yamato
New Member

Male Posts : 4
Reputation : 0
Language : Croatian

Back to top Go down

Solved Re: Problems with RollOver code

Post by identityproof on December 14th 2010, 5:40 am

Hmm yes. It has to do with a color or something. Ankillien can help you with this as he helped me with this problem too.

avatar
identityproof
Forumember

Posts : 506
Reputation : 1
Language : english

http://advertisehotspot.com

Back to top Go down

Solved Re: Problems with RollOver code

Post by Yamato on December 14th 2010, 11:35 am

Ankillien, help me please. xD

or anyone else :/

Yamato
New Member

Male Posts : 4
Reputation : 0
Language : Croatian

Back to top Go down

Solved Re: Problems with RollOver code

Post by Guest on December 14th 2010, 11:46 am

The space between the portal and faq is the calendar/gallery link (:
what is your forum version?

second i think the last image doesn't fits with the others because u cute it... like to say not like the others Very Happy it looks like its higher (:

Guest
Guest


Back to top Go down

Solved Re: Problems with RollOver code

Post by Yamato on December 14th 2010, 5:22 pm

Thank you Gangstar Very Happy

I think this one is solved ^^



Yamato
New Member

Male Posts : 4
Reputation : 0
Language : Croatian

Back to top Go down

Solved Re: Problems with RollOver code

Post by Guest on December 14th 2010, 5:52 pm

Nice :]
I will lock this topic, is you get problems PM to open it Very Happy

Solved + Locked

PS: Welcome xD

Guest
Guest


Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum