The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Problems with RollOver code

View previous topic View next topic 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.


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

View previous topic View next topic Back to top


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