WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Hover for report-icon

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Hover for report-icon on Tue Dec 28, 2010 7:34 pm

Matti


Registered Member
Registered Member
Hello!

When i use like this nothing happen so i do i get this fixed for those icons.
Code:

.i_icon_report{width:16px;height:17px;background: url(http://illiweb.com/fa/prosilver/icon_post_report.gif) no-repeat center !important;}

.i_icon_report:hover{background: url(http://illiweb.com/fa/prosilver/icon_post_reported.gif) no-repeat center !important;}

2 Re: Hover for report-icon on Tue Dec 28, 2010 8:56 pm

Guest


Guest
try this:

Code:

#i_icon_report {
width:18px;
height:17px;
background-image:url('http://illiweb.com/fa/prosilver/icon_post_report.gif'); no-repeat center !important;
}

#i_icon_report:hover {
background-image:url('http://illiweb.com/fa/prosilver/icon_post_reported.gif'); no-repeat center !important;
}

3 Re: Hover for report-icon on Wed Dec 29, 2010 4:03 am

Matti


Registered Member
Registered Member
Thant is the same as i have so nothing.

4 Re: Hover for report-icon on Wed Dec 29, 2010 4:30 am

Guest


Guest
If the width/height is the exact size of the background image, then this is all you need:
Code:
.i_icon_report {width: 16px; height: 17px; background: url(http://illiweb.com/fa/prosilver/icon_post_report.gif) !important;}

.i_icon_report:hover {background: url(http://illiweb.com/fa/prosilver/icon_post_reported.gif) !important;}

5 Re: Hover for report-icon on Wed Dec 29, 2010 7:47 am

Matti


Registered Member
Registered Member
Well yeah is the exact size so see here how it looks.



Edit:
If you need the link to the test forum please let me know.

6 Re: Hover for report-icon on Wed Dec 29, 2010 12:41 pm

Guest


Guest
Maki wrote:If you need the link to the test forum please let me know.

If you want help specific to your problem, then I need to see your test forum!

7 Re: Hover for report-icon on Wed Dec 29, 2010 6:00 pm

Matti


Registered Member
Registered Member
Sure I have send you the link by pm also if you need admin rights I'll give you the test account.

8 Re: Hover for report-icon on Wed Dec 29, 2010 7:40 pm

Guest


Guest
there is no class/ID for this icon (:
u need to do as i did before (:

9 Re: Hover for report-icon on Tue Jan 04, 2011 12:37 am

Matti


Registered Member
Registered Member
Ok, thanks! Very Happy

10 Re: Hover for report-icon on Fri Jan 07, 2011 3:38 pm

Matti


Registered Member
Registered Member
This can be locked now.

11 Re: Hover for report-icon on Fri Jan 07, 2011 6:37 pm

Jophy


Registered Member
Registered Member


Solved => Thread Closed


http://www.socialtechforum.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Hover for report-icon

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