Solved

SWF object overlapping links - require help with CSS to fix

Posted on 2011-03-08
4
452 Views
Last Modified: 2012-05-11
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
Comment
Question by:TonyCabone
  • 3
4 Comments
 
LVL 11

Expert Comment

by:Bruce Smith
ID: 35079637
Remove line 466 in position.css where it goes:  
top: -50px;

Open in new window

0
 
LVL 11

Accepted Solution

by:
Bruce Smith earned 250 total points
ID: 35079788
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
 

Author Closing Comment

by:TonyCabone
ID: 35089165
Thank you :)
0
 
LVL 11

Expert Comment

by:Bruce Smith
ID: 35089862
Glad to help!
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

816 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now