Problems with RollOver code
2 posters
Page 1 of 1
Problems with RollOver code
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.
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(https://2img.net/r/ihimizer/img152/6201/lforum.png);
width: 89px;
height: 42px;
}
#i_icon_mini_index:hover {
background-image: url(https://2img.net/r/ihimizer/img254/8696/dforum.png);
width: 89px;
height: 42px;
}
#i_icon_mini_portal {
background-image: url(https://2img.net/r/ihimizer/img20/9216/lportal.png);
width: 50px;
height: 40px;
}
#i_icon_mini_portal:hover {
background-image: url(https://2img.net/r/ihimizer/img839/4460/dportal.png);
width: 50px;
height: 40px;
}
#i_icon_mini_faq {
background-image: url(https://2img.net/r/ihimizer/img46/7650/lfaq.png);
width: 35px;
height: 42px;
}
#i_icon_mini_faq:hover {
background-image: url(https://2img.net/r/ihimizer/img193/1782/dfaq.png);
width: 35px;
height: 42px;
}
#i_icon_mini_search {
background-image: url(https://2img.net/r/ihimizer/img690/4025/lsearch.png);
width: 53px;
height: 42px;
}
#i_icon_mini_search:hover {
background-image: url(https://2img.net/r/ihimizer/img263/9720/dsearch.png);
width: 53px;
height: 42px;
}
#i_icon_mini_members {
background-image: url(https://2img.net/r/ihimizer/img545/9026/lmembers.png);
width: 68px;
height: 42px;
}
#i_icon_mini_members:hover {
background-image: url(https://2img.net/r/ihimizer/img522/9709/dmembers.png);
width: 68px;
height: 42px;
}
#i_icon_mini_groups {
background-image: url(https://2img.net/r/ihimizer/img338/9577/lgroups.png);
width: 55px;
height: 42px;
}
#i_icon_mini_groups:hover {
background-image: url(https://2img.net/r/ihimizer/img697/6899/dgroups.png);
width: 55px;
height: 42px;
}
#i_icon_mini_profile {
background-image: url(https://2img.net/r/ihimizer/img814/7774/lprofile.png);
width: 52px;
height: 42px;
}
#i_icon_mini_profile:hover {
background-image: url(https://2img.net/r/ihimizer/img404/470/dprofile.png);
width: 52px;
height: 42px;
}
#i_icon_mini_message {
background-image: url(https://2img.net/r/ihimizer/img94/7082/lmess.png);
width: 67px;
height: 42px;
}
#i_icon_mini_message:hover {
background-image: url(https://2img.net/r/ihimizer/img576/9154/dmess.png);
width: 67px;
height: 42px;
}
#i_icon_mini_new_message {
background-image: url(https://2img.net/r/ihimizer/img152/6449/lnmess.png);
width: 97px;
height: 42px;
}
#i_icon_mini_new_message:hover {
background-image: url(https://2img.net/r/ihimizer/img715/5038/dnmess.png);
width: 97px;
height: 42px;
}
#i_icon_mini_logout {
background-image: url(https://2img.net/r/ihimizer/img821/3706/llogout.png);
width: 90px;
height: 42px;
}
#i_icon_mini_logout:hover {
background-image: url(https://2img.net/r/ihimizer/img816/1672/dlogout.png);
width: 90px;
height: 42px;
}
#i_icon_mini_login {
background-image: url(https://2img.net/r/ihimizer/img253/8584/llogin.png);
width: 85px;
height: 42px;
}
#i_icon_mini_login:hover {
background-image: url(https://2img.net/r/ihimizer/img20/1738/dlogin.png);
width: 85px;
height: 42px;
}
#i_icon_mini_register {
background-image: url(https://2img.net/r/ihimizer/img585/383/lreg.png);
width: 68px;
height: 42px;
}
#i_icon_mini_register:hover {
background-image: url(https://2img.net/r/ihimizer/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
- Posts : 4
Reputation : 0
Language : Croatian
Re: Problems with RollOver code
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.
Re: Problems with RollOver code
Ankillien, help me please. xD
or anyone else
or anyone else
Yamato- New Member
- Posts : 4
Reputation : 0
Language : Croatian
Re: Problems with RollOver code
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 it looks like its higher (:
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 it looks like its higher (:
Guest- Guest
Re: Problems with RollOver code
Thank you Gangstar
I think this one is solved ^^
I think this one is solved ^^
Yamato- New Member
- Posts : 4
Reputation : 0
Language : Croatian
Re: Problems with RollOver code
Nice :]
I will lock this topic, is you get problems PM to open it
Solved + Locked
PS: Welcome xD
I will lock this topic, is you get problems PM to open it
Solved + Locked
PS: Welcome xD
Guest- Guest
Similar topics
» Rollover code?
» CSS code for rollover highlight
» Best Image Rollover Code
» code for rollover images?
» IMPORTANT. Need help with placing of rollover code.
» CSS code for rollover highlight
» Best Image Rollover Code
» code for rollover images?
» IMPORTANT. Need help with placing of rollover code.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum