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.

Code overlapping category link

View previous topic View next topic Go down

Solved Code overlapping category link

Post by Dustfire on 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
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 on 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: http://i74.servimg.com/u/f74/18/21/41/30/ex210.png If the code I provided above works it should look like this: http://i74.servimg.com/u/f74/18/21/41/30/ex12.png

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Code overlapping category link

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

It worked, thank you so much *hug*

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 on August 19th 2013, 11:34 pm

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Code overlapping category link

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

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35657
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

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