Joomla Templates Club 406,261 posts

[kukaraditya Friend kukaradityaJoin date: September 2011Posts: 12Downloads:0Uploads:0 Thanks: 2]

#176459

Hello
this is regarding our site – http://aryacollege.in/new/arya1/
We have given mouse-over effect on the logos – Infosys , oracle , IBM, IETE etc. they hide behind the menu bar & slider. I want to bring it above it. Have set z-index of the mouseover images to 1.

Any idea ??

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#450066

Have set z-index of the mouseover images to 1.

I saw your website and there is a code

<div style="position: absolute;">
<div id="istediv6" style="position: relative; height: 130px; width: 110px; left: 110px; z-index: 1; display: none; "><img src="/new/arya1/certificate/6.jpg" height="130px" width="auto"></div>
<div id="istediv7" style="position: relative; height: 130px; width: 110px; left: 250px; z-index: 1; display: none; "><img src="/new/arya1/certificate/7.jpg" height="130px" width="auto"></div>
<div id="istediv8" style="position: relative; height: 130px; width: 110px; left: 320px; z-index: 1; display: none; "><img src="/new/arya1/certificate/8.jpg" height="130px" width="auto"></div>
<div id="istediv9" style="position: relative; height: 130px; width: 110px; left: 450px; z-index: 1; display: none; "><img src="/new/arya1/certificate/9.jpg" height="130px" width="auto"></div>
<div id="istediv10" style="position: relative; height: 130px; width: 110px; left: 550px; z-index: 1; display: none; "><img src="/new/arya1/certificate/111.gif" height="130px" width="auto"></div>
<div id="istediv11" style="position: relative; height: 130px; width: 110px; left: 600px; z-index: 1; display: none;"><img src="/new/arya1/certificate/111.gif" height="130px" width="auto"></div>
<div id="istediv12" style="position: relative; height: 130px; width: 110px; left: 650px; z-index: 1; display: none; "><img src="/new/arya1/certificate/12.jpg" height="130px" width="auto"></div>
<div id="istediv13" style="position: relative; height: 130px; width: 110px; left: 700px; z-index: 1; display: none; "><img src="/new/arya1/certificate/13.jpg" height="130px" width="auto"></div>
<div id="istediv14" style="position: relative; height: 130px; width: 110px; left: 790px; z-index: 1; display: none; "><img src="/new/arya1/certificate/111.gif" height="130px" width="auto"></div>
<div id="istediv15" style="position: relative; height: 130px; width: 110px; left: 880px; z-index: 1; display: none; "><img src="/new/arya1/certificate/15.jpg" height="130px" width="auto"></div>
</div>
You re-set z-index of them is 15

[kukaraditya Friend kukaradityaJoin date: September 2011Posts: 12Downloads:0Uploads:0 Thanks: 2]

#450081

Excellent . Thanks. It worked 🙂

[Author]

Posts