Solved

SWF object overlapping links - require help with CSS to fix

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

Turn Insights Into Action

You’ve already invested in ITSM tools, chat applications, automation utilities, and more. Fortify these solutions with intelligent communications so you can drive business processes forward.

With xMatters, you'll never miss a beat.

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 …
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
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…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

717 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