[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 462
  • Last Modified:

SWF object overlapping links - require help with CSS to fix

Please visit the following url & note how once the SWF object at the bottom of the page loads, the two 'Read more' buttons aren't accessible.

What CSS should I change to make the 'Read more' buttons accessible whilst maintaining the position of the SWF object?

http://gator967.hostgator.com/~tekspec/test/index.php/wines
0
TonyCabone
Asked:
TonyCabone
  • 3
1 Solution
 
Bruce SmithSoftware Engineer IICommented:
Remove line 466 in position.css where it goes:  
top: -50px;

Open in new window

0
 
Bruce SmithSoftware Engineer IICommented:
discard my first comment. Sorry about that. Do the following to obtain accessible buttons:

In layout.css after line 40 add:
position:relative;
z-index: 5;

In position.css after line 466 add:
z-index:0;
0
 
TonyCaboneAuthor Commented:
Thank you :)
0
 
Bruce SmithSoftware Engineer IICommented:
Glad to help!
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now