Solved

SWF object overlapping links - require help with CSS to fix

Posted on 2011-03-08
4
456 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 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

Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Text color in a select 11 30
JS to redirect to prev page 8 41
WordPress Blog (CSS?) to Suppress Automatic Hyphenation 6 28
Natural height and jquery 6 30
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 …
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

738 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