The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Code overlapping category link

3 posters

Go down

Solved Code overlapping category link

Post by Dustfire August 19th 2013, 9:45 pm

Hey guys, I used a code that lets text show up on a picture if you hover your mouse over it.
I made it 100px high, just as high as the picture is, only the code is overlapping the next category link so you can't access the second category. Can anyone edit the code so it will get normal?

Forum:
http://neejaa.actieforum.com/forum

Code used:
Code:
<style type='text/css'>.bk { opacity: 0;  width:497px; height:100px; transition-duration: 0.9s;  -moz-transition-duration: 0.9s;  -webkit-transition-duration: 0.9s;  -o-transition-duration: 0.9s; }.bk:hover { background-color:#000000; opacity:.40; }.bke { margin-top:4px; width:497px; height:100px; background-color:fafafa; }.bkg { padding:0px; margin-top: 25px; height:100px; overflow:auto; font-family:tahoma; color::bdb6b8; text-align:justify; }.bkh { }</style><center><div style="width:497px; height:100px; background-image:url(http://i42.tinypic.com/25h0pkm.png);"><div class="bk"><table cellspacing="2" cellpadding="5"><tr><td valign="top"><div class="bke"><div class="bkg">
<center>Jazeker mensen, jazekerheid.</center></div></div ></td></tr></table></div></div></center>


Last edited by Dustfire on August 19th 2013, 11:12 pm; edited 1 time in total
Dustfire
Dustfire
Forumember

Female Posts : 36
Reputation : 1
Language : Dutch
Location : The Netherlands

http://perished.actieforum.com

Back to top Go down

Solved Re: Code overlapping category link

Post by Ange Tuteur August 19th 2013, 10:33 pm

Hi Dustfire,

Try putting this in your CSS:
Admin Panel > Display > Pictures and Colors > Colors > CSS stylesheet
Code:
.bkg{
margin-top:-10px;
margin-left:-6px;
width:496px;
height:98px;
}
If the above doesn't work try this:
Code:
.bkg{
margin-top:-10px !important;
margin-left:-6px !important;
width:496px !important;
height:98px !important;
}
I believe the problem may be with your class name "bkg". Did you insert any CSS in your stylesheet for this? This is the result I'm getting during inspection: https://i.servimg.com/u/f74/18/21/41/30/ex210.png If the code I provided above works it should look like this: https://i.servimg.com/u/f74/18/21/41/30/ex12.png
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Code overlapping category link

Post by Dustfire August 19th 2013, 11:07 pm

It worked, thank you so much *hug*
Dustfire
Dustfire
Forumember

Female Posts : 36
Reputation : 1
Language : Dutch
Location : The Netherlands

http://perished.actieforum.com

Back to top Go down

Solved Re: Code overlapping category link

Post by Ange Tuteur August 19th 2013, 11:34 pm

You're welcome, I'm happy to have helped. Wink
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Code overlapping category link

Post by SLGray August 20th 2013, 2:45 am

Topic Solved & Locked


Code overlapping category link Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top


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