?
Solved

SWF object overlapping links - require help with CSS to fix

Posted on 2011-03-08
4
Medium Priority
?
459 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 1000 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

Video: Liquid Web Managed WordPress Comparisons

If you run run a WordPress, you understand the potential headaches you may face when updating your plugins and themes. Do you choose to update on the fly and risk taking down your site; or do you set up a staging, keep it in sync with your live site and use that to test updates?

Question has a verified solution.

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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

764 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