Solved

2 column layout with flash embedded

Posted on 2010-08-30
2
243 Views
Last Modified: 2012-05-10
I have a portfolio page that is done in flash. It displays photos in 4x4 space.
When the photo is clicked, the flash spans 100% width of the page and zooms in on the photo.
ex: http://www.simpleviewer.net/tiltviewer/app/

What I'd like to have is 2 columns. flash on left, and then the right column have navigation in it, but when a photo is clicked, the flash image still expands over-top of the right column.

I don't know if z-indexing will work as I can't make positions absolute. Any Ideas?
0
Comment
Question by:MrBaseball9
2 Comments
 
LVL 4

Accepted Solution

by:
Morrisproject earned 250 total points
ID: 33568095
Dont think this will work unfortunately.

As the actual flash viewer on your example page is width:100%; so although the images do not use all the space - they do when expanded.

You could look into adding the navigation into the actual FLA / flash file, then I imagine this would work. However if this isn't your own work, it will not work unfortunately.

I would suggest to look into alternative viewers, possibly some jquery image viewers.
http://webdeveloperplus.com/jquery/21-brilliant-jquery-image-galleryslideshow-plugins/

Enjoy
0
 

Author Closing Comment

by:MrBaseball9
ID: 33696373
I am working on using on the the jquery examples now
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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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).

777 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