Gallery css z-index problem in ie

Hy,
I have a problem in ie with the gallery. If I move the cursor
to the thumbnails, thats will be start to grow to a bigger size.
The actual thumbnail get a zindex :150, but the round thumbnails
cover the actual thumbnail a bit (a side of the image). I checked
the code, and I saw that, the z-index was grown up, but every
thumbnails, has the same rate like '1'. So I write a code, which
change every thumbnails's default z-index to grow up, but not
workly.
I saw
your
demo page about the gallery, and there was this problem too.
Can you help me to fix it? I have not any idea to fix it.
it not works only in internet explorer
6.0.2900.2180.xpsp_sp2_gdr.070227-2254, ie 7.0.5730.11 and opera
lower than 9. I tried, and it works firefox 1.5<, and opera 9.2
P.S.: sorry for my poor english

Hi SnakEyez02
Thank you for your reply.
After I posted my question yesterday I ran across an article on Adobes site explaining about wmode.
I realized that my lower div on the pages that displayed wrong all had flash content, and the article says that flash content always display in the top layer regardless of z-index given.
http://kb2.adobe.com/cps/142/tn_14201.html
But if you assign a wmode in parameters of either transparent or opaque you can layer the flash with dhtml. I did this after my post and now the menu displays right in both IE and Firefox!
So you were looking at the already altered code.
I will still clean up the things you mentioned. But thank you very much for your quick reply.
Sincerely,
G Gaarde

Similar Messages

How can you get an applet to obey the CSS z-index attribute?

How can you get an applet to obey the CSS z-index attribute?
I have a DHMTL page with a panel that I want to slide back and forth. But another part of the requirement is to have the panel look like it is sliding under another panel.
The problem is that an applet is on the panel that slides. When the sliding panel move under the stationary panel the applet does not go under the stationary panel, but the reset of the sliding panel does render looking like it is sliding under.
See below.
- ~~~~~~~~~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ -
- ~                      ~ ^                         ^ -
- ~                      ~ ^                         ^ -
- ~           #############***************           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #############^**************           ^ -
- ~                      ~ ^                         ^ -
- ~                      ~ ^                         ^ -
- ~                      ~ ^                         ^ -
- ~~~~~~~~~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ -
~ has a z-index of 1
# and * have a z-index 2
# shows above ~ and below ^
^ has a z-index of 3What I am getting with the applet on the panel with a z-index of 2 is the following
- ~~~~~~~~~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ -
- ~                      ~ ^                         ^ -
- ~                      ~ ^                         ^ -
- ~           #############***************           ^ -
- ~           #            ^             *           ^ -
- ~           # @@@@@@@@@@@@@@@@@@@@    *           ^ -
- ~           # @                  @    *           ^ -
- ~           # @                  @    *           ^ -
- ~           # @                  @    *           ^ -
- ~           # @                  @    *           ^ -
- ~           # @                  @    *           ^ -
- ~           # @                  @    *           ^ -
- ~           # @@@@@@@@@@@@@@@@@@@@    *           ^ -
- ~           #            ^             *           ^ -
- ~           #            ^             *           ^ -
- ~           #############^**************           ^ -
- ~                      ~ ^                         ^ -
- ~                      ~ ^                         ^ -
- ~                      ~ ^                         ^ -
- ~~~~~~~~~~~~~~~~~~~~~~~~ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ -
--------------------------------------------------------Where @ is the applet. Notice how the applet is on top of the ^ but the panel under it, ^, is under like it should be. All the panels are 1x1 tables with a border. So how can I get the applet on the drawing shown with # and * to follow the rendering of the z-index of 2?

Hi,
I have the same problem, and don't know how to solve it, So, i had tried to put my applet in a div tag wih z-index=0, but it still hide my other Dhtml divs with bigger Z-index (z-index =1000)
Have you any idea to solve this.
Thanks
Hakim

Lightbox Gallery CSS?

Can anyone tell me where they Lightbox Image Gallery CSS stylesheet is located and/or if it is editable?
I need to set a MAX size on the gallery and can't find where the CSS stylesheet or javascript or jquery files are.

Guys! I am so close to figuring it out. I know I need to play with it a little more but I was able to change a few settings and make my HUGE images now auto resize to a max size. I hope this will be a starting point for anyone else who ever has this issue. This just saved me so much time and trouble. Any suggestions on how to make this better is welcome! Thanks!
#lightbox{
          position: absolute;
          top:50%;
          left:50%;
          z-index:9999;
          width:*300px;*
          height:*300px;*
          margin:-250px 0 0 -250px;
          text-align:center;
    vertical-align: 50%;
#lightbox a img{ border: none; }
#lightbox img{ width: auto; height: auto; max-width: 650px; max-height: 650px;}
#outerImageContainer{
          position: relative;
          background-color: transparent;
          margin: 0 auto;
max-width: 680px;
          max-height: 680px;
width: auto; height: auto;
#imageContainer{
          padding: 10px;
   max-width: 680px;
          max-height: 680px;
width: auto; height: auto;
#loading{
          position: absolute;
          top: 40%;
          left: 0%;
          height: 25%;
          width: 100%;
          text-align: center;
          line-height: 0;
#hoverNav{
          position: absolute;
          top: 0;
          left: 0;
width: auto; height: auto;
          z-index: 10;
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink {
          width: 49%;
          height: 100%;
          background: transparent url(/catalystimages/blank.gif) no-repeat; /* Trick IE into showing hover */
          display: block;
#prevBLink, #nextBLink
          width: 63px;
          height: 32px;
          display: block;
          float: right;
#prevLink{ left: 0; float: left;}
#nextLink{ right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink { background: url(/catalystimages/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover,#nextBLink:hover, #nextBLink:visited:hover, #nextBLink { background: url(/catalystimages/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
          font: 10px Verdana, Helvetica, sans-serif;
          background-color: #000;
          margin: 0 auto;
          line-height: 1.4em;
     max-width: 680px;
          max-height: 680px;
width: auto; height: auto;
#imageData{
          padding:0 10px;
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;          }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;          }
#imageData #bottomNavClose{ width: 66px; float: right; margin:5px 0pt 0pt 5px; padding-bottom:0pt;          }
#overlay{
          position: absolute;
          top: 0;
          left: 0;
          z-index: 199999;
          width:100%;
          height: 500px;
          background-color: #000;
          filter:alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
.clearfix:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
* html>body .clearfix {
          display: inline-block;
          width: 100%;
* html .clearfix {
          /* Hides from IE-mac \*/
          height: 1%;
          /* End hide from IE-mac */

Flash z-index problem

hi!
I have problem with z-index of my flash animation.
On Mac everything works great (on Safari and Firefox), but on Windows I have the same problem on all browsers.
Basically, the dropdown menu is displaying below my flash animation instead of above.
I'm surprised on mac everything is working perfectly and it doesn't depend on the browser...
is maybe due to the published javascript code generated by Flash ?
thanks

>I created some pull down menus using CSS. Directly below
the menu bar I
>had a
> Flash file that runs on load. The pull down menus look
corrupted in
> the
> browser (safari and FireFox) when they appear over the
running flash
> movie. Is
> this a z index problem? Any work arounds?
Safari and Firefox Mac have very broken and slightly broken
Flash
Players. There is no viable workaround unless you want to
eliminate all
"hover" effects. Adobe claims it's an Apple or a browser bug.
Apple
claims it's a failure on the part of Adobe to "cocoa-ize"
something or
other.
Al Sparber - PVII
http://www.projectseven.com
Popup Menus | Image Galleries | CSS Tutorials & Templates
Newsgroup: news://forums.projectseven.com/pviiwebdev/
CSS Newsgroup: news://forums.projectseven.com/css/
DW Newsgroup: news://forums.projectseven.com/dreamweaver/

Z-index problems in IE6

i managed to get IE6 to use z-indexes and layer properly..
everything that is except form elements specifically combo boxes
appear above my dropdown menus...??

This is not a z-index problem. It's due to the way that combo
elements are
drawn to the screen. There are only two solutions that I know
of -
1. Redesign the form so that there is no conflict, or
2. Hack the menu code so that the combo element is hidden
when the menu is
opened.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Terrence Martineau" <[email protected]>
wrote in message
news:em7187$h79$[email protected]..
>i managed to get IE6 to use z-indexes and layer
properly.. everything that
>is except form elements specifically combo boxes appear
above my dropdown
>menus...??

SUNONE Indexing problem

have an indexing problem :
2 start points
1) myportal/portal/dt/ - main page robot can index it Oll Right
2) myportal/portal/dt/?provider=2DefTab&&2DefTabContaner.setSelected=Def98MainTableContainer&last=false&Def98TabContainer.setSelected=Def98STableContainer&tab=1&subdiv=01&node01=on&node5089=on&std_html=off&scroll_x=0&scroll_y=0 - dinamic page - robot can index only the first part of the page then
the interesting thing is however that teh first parts of the pages are identical and robot can index this part on main page and can not do it on the secons one
maybe some one faced this problem before? please help

Does "_type" really have a leading underscore? That must be a PITA to work with. Sorry my bad it does not have an underscore.
the queries always states the type of the PARTY.
I am worried that this PARTY table is kind of abstract and we are putting two types of information into the same table.Does this effect my index design?

Table attribute assignments / indexing problem

Appears that in the out of the box Ultra Search setup Oracle overrides the basic assignments of attributes. For example if I assign Author search attribute to table field auth , it gets overriden and indexed from what was in the meta data field of the incoming document. If pdf or other doc type it uses that author meta data field of doc instead of what attribute assignment I made. Is this just for this version and the next version will have the option? It appears that no matter what, the override happens. Any help or suggestions in this attribute assignment and indexing problem?

This is a bug in 1.0.3 and has been fixed in 9.0.2 and 9.2.

How I solved my Spotlight+ Mail indexing problem

OK, so I thought I would post my solution to a stubborn indexing problem, for people who may have the same issue (and it does seem many people do).
Problem: Spotlight index was unreliable. In particular, Spotlight was terrible at indexing mail. It could not find the messages by content that it would find by searching the "from" field, nor could it find those reliably. Unusable.
What DID NOT work:
-- adding and removing any folder whatsoever in the Privacy preferences of Spotlight. The index would rebuild, but with the same problems.
-- doing this via terminal (e.g, using sudo mdutil -E /Volumes/MyHardDisk)
-- using Onyx
-- using Spotless
-- simply reinstalling the system
-- manually modifying the plist files inside the .spotlight folder to add and remove the folders that would not get indexed.
What DID work:
-- first, I reinstalled the system. That's not such a big deal. Upgrade up to 10.4.6
-- then, I authorized the root user (that's probably not necessary) (this, you do by using Netinfo manager)
-- Then, I deactivated the index (via terminal:
sudo mdutil -i off /Volumes/MyHardDisk
-- now the tricky part. This concerns Mail, in particular.
I have a very complex mail folder (tens of thousands of messages). I noticed that inside each mail folder, I had two things that were not supposed to be there
1. a copy of each folder.mbox which was empty, but with the same name without the extension .mbox. This is probably something that was created while importing mail from Panther to Tiger, for what I can tell.
2. Most importantly, a file named ".index.ready". This also, apparently, was an old legacy coming from Panther. I suspect this was the main problem for the lack of indexing in Mail.
Ok, so... I deleted these folders and files. If you have a complex structure of subfolders, you can delete the files with an Unix command by first cd to your mail folder, and then use
find . -name \.index.r* -ok rm {} \;
which will ask you confirmation before deleting each file.
It was faster to remove the empty subfolders by hand, as they all had different names.
-- Ok, at this point, I erased entirely the .Spotlight-V100 directory which stays at the root of your computer. You can do it with a rmdir command from the terminal or, as I did, you can login as root (remember, we activated root), use a utility that allows you to see hidden files (e.g., Tinkertool), and move it manually to the trash folder.
Then I emptied the trash. For superstition, I restarted, and let the index be built again (that took about 5 hours in my computer, for an HD with about 60 gb occupied on it).
Now everything seems to work perfectly fine. I don't know whether this procedure can be shortened, but I do know that nothing else worked for me. I thought I would post it here as I spent sooo much time to solve this problem, and furthermore, I found that none of the suggested solutions would work.
OK, your responsibility to do it, if you want to do it. Hope nobody needs to!
Best to you all,
l.
Mac OS X (10.4.6)

Thank you, thank you, thank you, Lucabo! Using ideas from your post, I also (at least for now) solved my Mail indexing problem. One day (not even after an upgrade) Mail just quit finding messages by content, even when I had open a message with that content!
What I did:
-- In System Preferences, told Spotlight to index only Mail (I just use grep from a Terminal window for everything else!)
-- Ensured Mail app wasn't running
-- Backed up my Library/Mail folder to an external disk
-- Turned off indexing via Terminal (after sudo sh), with
mdutil -i off /Volumes/MyHardDisk
-- Deleted old files in my mailboxes (inside the whatever.mbox folders):
.index.ready
mbox
tableofcontents
content_index
It was clear that mbox, tableofcontents, and content_index were left over from a previous version of mail - they hadn't been accessed since I upgraded.
Note that I didn't delete the whatever.mbox folders (just the plain mbox file inside)!
-- Deleted (in Terminal) the .Spotlight-V100 in the root directory
-- Restarted my Mac. The indexing started itself. Since I had it set up to index only Mail, it took about 3-ish hours to finish (I have 100s of 1000s of emails in thousands of folders).
After the indexing finished, all the test searches that I tried worked. From now on I will always be suspicious if search doesn't find anything!
Also, I just checked - using the Spotlight field on the menu bar now works better too. When the Mail search problem showed up, I tried using the Spotlight field and the Spotlight window, but they would just flash up a few items, remove the list, over and over, sometimes with the beachball, then finally settle to an empty list. Now the Spotlight field seems to work.
I infer that the Spotlight index gets corrupted, and that the Spotlight code doesn't notice that it's reading junk from the index...
BTW, about the same time that search quit working, some emails in my Inboxes got highlighted with a dark brown background color. Have no idea why. They aren't marked as Junk (the junk messages have the text in the usual lighter brown). But, when I select a message with the dark brown highlight, mark it as junk, then mark it as not junk, the dark brown highlight goes away. On some occasions, just quitting Mail and restarting makes the dark brown highlights go away - but not always. Sigh... at least it's not a show stopper, even if it is ugly!
Thanks again, Lucabo, for your post!
Mac OS X (10.4.6)

Spry dropdown z-index problems in IE

Hello
I'm having some trouble with the spry horizontal dropdown in
IE, and it's interaction with SmoothGallery. In every browser (with
the exception on IE 6&7 of course) the higher z-index values of
the menu cause it to overlay the JS image gallery below it. In IE
however it does not.
http://www.digitalrift.co.uk/projects/woods/
Works fine on every browser tested so I can't see how it'd be
a fault with the z-index values used. Anyone have a suggestion as
to a workaround for good ol' IE?
Thanks

All right, well I just figured out my problem, and hopefully this will help anybody else.
I was positioning my images using <position: absolute;> While this is definitely the easiest way to specifically place something on a page, Internet Explorer, it seems, assigns that z-value as the highest on the page, which is why my dropdown menus wouldn't appear on top of the image, but behind it.
The solution I found was changing the position attribute to "static" rather than "absolute". The "static" attribute can't use position qualities like "top", "bottom", "left", and "right", but has to use margins and float to be specifically place.
While this isn't as easy as absolute positioning, using the static value will allow the Spry dropdown menu to appear over top of the images instead of behind them.

Css copy paste problem still a problem in Dreamweaver CS4

Hi all, I know this one has been discussed before, but this is still a major usability issues with the product with no practical solution available.
For some reason no one seems to be able to mark http://forums.adobe.com/thread/209290?start=50&tstart=0 as unanswered, yet numerous posts stating it isn't resolved.
Therefore, I'm starting this request to see if there is a solution.
For those of you unaware, the issue affects Dreamweaver CS4 code view. After editing in code view (usually with CSS files though others have reported other code types) for a little while (sometimes within seconds, sometimes after many minutes of use) and then when you copy (Ctrl-C) the application selects all text and copies that. Usability wise, you've just lost your place in the code (which you may have spent some time finding in a complex file) and what you wanted to copy is not what's in the clipboard. So frustrating.
The issue is similarly repeated with pasting (i.e. you select some text or a place to paste and the system selects all before pasting from clipboard).
So does anyone know of a patch to fix this yet?
Thanks

This is a user to user forum and Adobe Technical people very rarely visit the forum.
If you want to make sure your problem is heard please report your problems via the Wish Form: The more people reporting a specific issue, the more likely that it will be looked into:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Z-index problem ( I think )

Hi all,
I have a simple image swap (6 x images) on click. I have 3 columns, the left and centre with image swap and they work just fine but the right hand column I can't get it to work. I suspect it might be the z-index?
Would appreciate someones help please.
HTML
<div id="imageContainer-right"><img class="active" src="templates/horme2/images/andrew_balemi_1.jpg" alt="01" width="388" height="306" /><img class="active" src="templates/horme2/images/andrew_balemi_2.jpg" alt="01" width="388" height="306" /><img class="active" src="templates/horme2/images/bruce_fergusson_1.jpg" alt="01" width="388" height="306" /><img class="active" src="templates/horme2/images/bruce_fergusson_2.jpg" alt="01" width="388" height="306" /><img class="active" src="templates/horme2/images/lindsay_hooke_2.jpg" alt="01" width="388" height="306" /><img class="active" src="templates/horme2/images/peter_hargreaves_3.jpg" alt="01" width="388" height="306" /></div>
</div>
CSS
#imageContainer-right {
    width: 100%;
    height: 306px;
    position: relative;
    overflow: hidden;
#imageContainer-right img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    cursor:pointer;cursor:hand
#imageContainer-right img.active {
    z-index: 1;
jQuery
<script type="text/javascript">
var imageObject = {
    clickSwap : function(obj) {
        obj.click(function() {
            var activeImage = $(this).children('img.active');
            activeImage.removeClass('active');
            if (activeImage.next().length > 0) {
                activeImage.next().addClass('active');
            } else {
                $(this).children('img:first-child').addClass('active');
            return false;
$(function() {
    imageObject.clickSwap($('#imageContainer-right'));
     </script>

Thanks for the reply Nancy O,
I may have solved the problem, I was applying the class "active" to all images when it should only be included on the first image.
The site is now on a test server, would appreciate your thoughts, please go here: Home
Cheers

Css Center Align Problem

Alright, I am making my Portfolio (Hosted on Dropbox for this porpuse) and once you go onto it you can see that it is not aligned correctly. Now in dreamweaver it comes up normal:
I have done this by placing all the Div's into a wrapper div, which under the css style sheet has the margin method of aligning it to the middle:
#Wrapper {
          position:fixed;
          width:640px;
          margin: auto;
Whats worng with this?

I've made those changes, I have achived the look I want, which is what you can see in the browser. But what I want it to do it be centred up in the middle of the page.
Html Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sean Hall's Portfolio</title>
<link href="Css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Wrapper">
<div id="menu">
<table width="68" border="0" align="center" cellspacing="14">
<tr>
    <td><a class="Home" href="pages/homepage.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="About" href="pages/about.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="Social" href="pages/social.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="work" href="pages/work.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="Contact" href="php/contact.php" target="iframe"></a></td>
</tr>
</table>
</div>
<div id="main">
<div id="Content_bg">
<iframe src="pages/homepage.html" height="100%" width="100%" allowtransparency="1" frameborder="0" name="iframe"></iframe>
</div>
</div>
</div>
</body>
</html>
Css Stlyesheet:
@charset "utf-8";
body{
          background-image: url(Images/Background.fw.png);
          background-color: #DCDCDC;
          background-repeat: no-repeat;
          text-align:center;
#Wrapper {
          position:fixed;
          width:640px;
          left:0 auto;
          margin-top:120px;
#main {
          position:fixed;
          width:561px;
          left:75px;
          background-image:url(Images/Body.fw.png);
          background-repeat:no-repeat;
          height:400px;
#menu {
          position:fixed;
          width:68px;
          height:264px;
          background-image:url(Images/menu.fw.png);
          text-align:center;
#Content_bg {
          position:fixed;
          width:469px;
          height:232px;
          background-image:url(Images/Content.png);
          margin-left: 45px;
          margin-top: 12px;
#gallery {
          position: fixed;
          width:420px;
          height:70px;
          margin-top:300px;
          margin-left:50px;
          background-image:url(Images/footer.fw.png);
          z-index:1;
#Wrapper #menu table {
          text-align: center;
          height:250;
          width: 50px;
          top: 10px;
/*Nav Section */
a.Home {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/home_off.fw.png);
          margin:0 auto;
a.Home:hover {
          background-image:url(Images/Buttons/home_on.fw.png);
a.About {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/about_off.fw.png);
          margin:0 auto;
a.About:hover {
          background-image:url(Images/Buttons/about_on.fw.png);
a.Social {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/social_off.fw.png);
          margin:0 auto;
a.Social:hover {
          background-image:url(Images/Buttons/social_on.fw.png);
a.work {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/work_off.fw.png);
          margin:0 auto;
a.work:hover {
          background-image:url(Images/Buttons/work_on.fw.png);
a.Contact {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/contact_off.fw.png);
          margin:0 auto;
a.Contact:hover {
          background-image:url(Images/Buttons/contact_on.fw.png);

Flash, CSS, and Firefox problem

Hello.
I have an html document that is built using CSS (div tags,
etc). This CSS calls out to swfs (defined by DIVs) to build the
page.
The layout is very simple, starting with a top navigation bar
swf. There are buttons in this navigation bar that, when rollover,
cause a graphic to unmask and pull down. The graphic is rather
large and forces the top nav bar height to 800. Naturally, this
will eclipse other elements on the page when the graphic crashes
down.
By using a combination of "wmode=transparent" and z-indexing
in the Flash code, I can get the crashdown graphic to appear above
the other elements in the html.
However, and here is the issue, in Firefox the sheer,
necessary height of the top nav bar prevents clicking on any other
buttons in the elements that appear below the top nav bar. It's as
if there is an alpha mask over everything which prevents RollOvers
and general mouse clicking action. Oddly, it works perfectly in
I.E.
Any insight would be vastly appreciated. I've researched what
I could of this topic, but nothing I can find replicates my exact
issue. Thank you.
-dE

Hey Deggz, I'm experiencing the same problems that you're
having and have been research for an answer for weeks. Have you
found a solution yet?

CSS Scrulptor extension problems please help

I have been following the release of CSSScrulptor by Eric
Meyer ever since it was released. Since I have little knowledge
about CSS I thought this might be a perfect tool for me to get
started and learn at the same time. So yesterday I decided to
purchase the program from Webassist. Now I am not so sure I should
have. First the program won’t recognize the serial number
that I typed in by hand. After the menu opened up I tried to put in
some values. “Live Preview” does not work and
“Apply” button also grays out. When I pressed inside
the Live Preview window, multiple FireFox windows popped up which
has “ -32 ” inside each window. After that happened
Dreamweaver CS3 crashed and I got an error message saying
“Because of known issue of Dreamweaver CS3 on Mac OS X, this
functionality has been intercepted. Please click OK and choose
File> New CSS Sculptor Page.” Then I get the same message
when I follow the instructions. When I tried help> WebAssist it
opened up a blank page and gave me this message “Firefox
can't find the file at /MacIntosh HD/Applications/Adobe Dreamweaver
CS3/Configuration/Shared/WebAssist/CSSSculptor/Help/index.htm#home.htm.”
I called support and they could not help me with this issue. They
told me that I have a rare problem that they have never seen
before.
Any suggestions would be very much appreciated.

Take this to the WebAssist support forums please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"PinkTomato" <[email protected]> wrote in
message
news:g7i4qn$9hl$[email protected]..
>I have been following the release of CSSScrulptor by Eric
Meyer ever since
>it
> was released. Since I have little knowledge about CSS I
thought this might
> be a
> perfect tool for me to get started and learn at the same
time. So
> yesterday I
> decided to purchase the program from Webassist. Now I am
not so sure I
> should
> have. First the program won?t recognize the serial
number that I typed in
> by
> hand. After the menu opened up I tried to put in some
values. ?Live
> Preview?
> does not work and ?Apply? button also grays out. When I
pressed inside the
> Live
> Preview window, multiple FireFox windows popped up which
has ? -32 ?
> inside
> each window. After that happened Dreamweaver CS3 crashed
and I got an
> error
> message saying ?Because of known issue of Dreamweaver
CS3 on Mac OS X,
> this
> functionality has been intercepted. Please click OK and
choose File> New
> CSS
> Sculptor Page.? Then I get the same message when I
follow the
> instructions.
> When I tried help> WebAssist it opened up a blank
page and gave me this
> message
> ?Firefox can't find the file at /MacIntosh
HD/Applications/Adobe
> Dreamweaver
>
CS3/Configuration/Shared/WebAssist/CSSSculptor/Help/index.htm#home.htm.?
I
> called support and they could not help me with this
issue. They told me
> that I
> have a rare problem that they have never seen before.
>
> Any suggestions would be very much appreciated.
>

CSS Browser compatibility problems - Safari

I just published my portfolio site and it looks/functions fine in Firefox and Chrome, but is COMPLETELY screwed in safari and I don't even want to check IE.
It previews in Safari browser out of Dreamweaver fine too, which really confuses me since that what I was going off of. The flash elements don't work correctly, the Spry menu bar and accordions don't work. None of the hover classes work. The image thumbnails which use lightbox don't display. And the content section isn't even visible. I don't even know where to start. Any help/suggestions would be much appreciated. Here is some code:
Site: http://damon9.com
CSS
@charset "UTF-8";
/* CSS Document */
<style type="text/css">
#wrapper{
margin: 0 auto;
width: 100%;
#Table_01 {
position:relative;
left:0px;
top:0px;
width:1280px;
height:900px;
margin: 0 auto;
#apDiv1 {
position:absolute;
left:563px;
top:187px;
width:10px;
height:217px;
z-index:1;
body {
background-color: #000;
#index-01 {
position:absolute;
left:0px;
top:0px;
width:1280px;
height:107px;
#index-02 {
position:absolute;
left:0px;
top:107px;
width:223px;
height:297px;
#Damonx20Carlstrom {
position:absolute;
left:223px;
top:107px;
width:350px;
height:66px;
#PowerButton {
position:absolute;
left:574px;
top:108px;
width:159px;
height:177px;
#index-05 {
position:absolute;
left:732px;
top:107px;
width:548px;
height:25px;
#index-06 {
position:absolute;
left:732px;
top:132px;
width:107px;
height:55px;
#Creativex20Portfolio {
position:absolute;
left:839px;
top:132px;
width:239px;
height:41px;
#index-08 {
position:absolute;
left:1078px;
top:132px;
width:202px;
height:272px;
#index-09 {
position:absolute;
left:223px;
top:173px;
width:350px;
height:14px;
#index-10 {
position:absolute;
left:839px;
top:173px;
width:239px;
height:14px;
#index-11 {
position:absolute;
left:223px;
top:187px;
width:16px;
height:217px;
#Home a{
background-image:url(../images/Home.jpg);
position:absolute;
left:239px;
top:187px;
width:80px;
height:32px;
#Home a:link{
position:absolute;
text-decoration: none;
background-image:url(../images/Home.jpg);
width:80px;
height:32px;
#Home a:visited{
position:absolute;
text-decoration: none;
background-image:url(../images/Home.jpg);
width:80px;
height:32px;
#home a:hover{
position:absolute;
text-decoration: none;
background-image:url(../images/Home_hover2.jpg);
width:80px;
height:32px;
#index-13 {
position:absolute;
left:319px;
top:187px;
width:30px;
height:217px;
#About a{
background-image:url(../images/About.jpg);
position:absolute;
left:349px;
top:187px;
width:77px;
height:32px;
#about a:link {
position:absolute;
text-decoration: none;
background-image:url(../images/About.jpg);
width:77px;
height:32px;
#about a:visited {
position:absolute;
text-decoration: none;
background-image:url(../images/Digital.jpg);
width:77px;
height:32px;
#about a:hover {
position:absolute;
text-decoration: none;
background-image:url(../images/About_hover2.jpg);
width:77px;
height:32px;
#index-15 {
position:absolute;
left:426px;
top:187px;
width:36px;
height:217px;
#Resume a{
position:absolute;
background-image:url(../images/Resume.jpg);
left:462px;
top:187px;
width:101px;
height:32px;
#Resume a:link{
position:absolute;
text-decoration: none;
background-image:url(../images/Resume.jpg);
width:101px;
height:32px;
#Resume a:visited{
position:absolute;
text-decoration: none;
background-image:url(../images/Resume.jpg);
width:101px;
height:32px;
#Resume a:hover{
position:absolute;
text-decoration: none;
background-image:url(../images/Resume_hover2.jpg);
width:101px;
height:32px;
#index-17 {
position:absolute;
left:563px;
top:187px;
width:10px;
height:217px;
#index-18 {
position:absolute;
left:732px;
top:187px;
width:20px;
height:217px;
#Print {
position:absolute;
left:752px;
top:187px;
width:77px;
height:32px;
#index-20 {
position:absolute;
left:829px;
top:187px;
width:38px;
height:217px;
#Art a{
position:absolute;
background-image:url(../images/Art.jpg);
left:867px;
top:187px;
width:63px;
height:32px;
#Art a:link{
position: absolute;
text-decoration: none;
background-image:url(../images/Art.jpg);
width:63px;
height:32px;
#Art a:visited{
position: absolute;
text-decoration: none;
background-image:url(../images/Art.jpg);
width:63px;
height:32px;
#Art a:hover{
position: absolute;
text-decoration: none;
background-image:url(../images/Art_hover2.jpg);
width:63px;
height:32px;
#index-22 {
position:absolute;
left:930px;
top:187px;
width:52px;
height:217px;
#Digital {
position:absolute;
left:982px;
top:187px;
width:84px;
height:32px;
z-index: 20;
#index-24 {
position:absolute;
left:1066px;
top:187px;
width:12px;
height:217px;
#index-25 {
position:absolute;
left:239px;
top:219px;
width:80px;
height:185px;
#index-26 {
position:absolute;
left:349px;
top:219px;
width:77px;
height:185px;
#index-27 {
position:absolute;
left:462px;
top:219px;
width:101px;
height:185px;
#index-28 {
position:absolute;
left:752px;
top:219px;
width:77px;
height:185px;
#index-29 {
position:absolute;
left:867px;
top:219px;
width:63px;
height:185px;
#index-30 {
position:absolute;
left:982px;
top:219px;
width:84px;
height:185px;
#index-31 {
position:absolute;
left:573px;
top:285px;
width:159px;
height:119px;
#index-32 {
position:absolute;
left:0px;
top:404px;
width:211px;
height:496px;
#index-34 {
position:absolute;
left:1091px;
top:404px;
width:189px;
height:496px;
#NewPortfolioSite-32 {
position:absolute;
left:0px;
top:404px;
width:211px;
height:796px;
h2,h3,h4,h5,h6,p{
font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
h2 {
color: #FFF;
font-size: 16px;
h3 {
font-size: 14px;
color: #FFF;
h4 {
font-size: 12px;
color: #FFF;
h5 {
font-size: 10px;
color: #FFF;
p{
font-size: 12px;
color: #FFF;
/*Style is used for flash pieces*/
h1 {
padding: 20px;
#Content {
position:absolute;
padding-left: 35px;
padding-right: 35px;
padding-top: 10px;
padding-bottom: 15px;
background-image:url(../images/FrontContent2_S1.png) ;
float:left;
left:211px;
top:404px;
width:810px;
height:738px;
z-index: 20;
background-repeat:no-repeat;
#BackContent {
position:absolute;
background-image:url(../images/BackContent.jpg);
left:-80px;
top:172px;
width:810px;
height:738px;
z-index: 1;
#NewPortfolioSite-34 {
position:absolute;
left:1091px;
top:404px;
width:189px;
height:796px;
#Footer {
position:absolute;
left:-80px;
top:911px;
width:880px;
height:58px;
text-align: right;
#Footer p{
text-align:right;
font-size: 12px;
padding-right: 235px;
padding-top: 5px;
letter-spacing: 1px;
#NewPortfolioSite2-31 {
position:absolute;
left:239px;
top:234px;
width:54px;
height:170px;
#space {
position:absolute;
left:293px;
top:234px;
width:242px;
height:244px;
z-index: 10;
#NewPortfolioSite2-33 {
position:absolute;
left:535px;
top:234px;
width:28px;
height:170px;
#NewPortfolioSite2-15 {
position:absolute;
left:133px;
top:-47px;
width:36px;
height:47px;
#NewPortfolioSite2-13 {
position:absolute;
left:24px;
top:-47px;
width:30px;
height:47px;
#NewPortfolioSite2-25 {
position:absolute;
left:239px;
top:219px;
width:80px;
height:15px;
#NewPortfolioSite2-26 {
position:absolute;
left:-54px;
top:-15px;
width:77px;
height:15px;
#NewPortfolioSite2-27 {
position:absolute;
left:462px;
top:219px;
width:101px;
height:15px;
#FlashID {
position:absolute;
left:1px;
top:0px;
width:242px;
height:244px;
z-index: 10;
#FlashID2 {
position:absolute;
width: 159px;
height: 178px;
z-index: 20;
top: 0px;
left: -1px;
#PWbutton {
position:absolute;
left:573px;
top:107px;
width:159px;
height:178px;
z-index: 1;
#Spaceback {
position: absolute;
left: 1px;
top: 0px;
width: 242px;
height: 244px;
z-index: 1;
#Menubar1 li, #MenuBar2 li {
font-family:"Helvetica", Arial, Trebuchet MS, sans-serif;
letter-spacing: 1px;
font-weight:100;
#vlightbox1 h1, h2, h3, h4, h5, h6{
font-weight:100;
ul, ol, dl { position: relative; }
#timelapse {
padding-left: ;
#specialeffects{
#autodesk{
padding-left: ;
#me{
position: absolute;
float: left;
padding-left: 120px;
padding-top:25px;
z-index: auto;
#description{
float: right;
position: absolute;
padding-top: 100px;
padding-right: 50px;
padding-left: 420px;
line-height: 24px;
#description p{
letter-spacing: 2px;
float: right;
#aboutcontent {
padding-right: 40px;
padding-left: 40px;
#socialmedia2 {
background-image:url(../images/socialmedia2.png);
position:absolute;
float: right;
left:656px;
top:5px;
width:214px;
height:43px;
z-index: 20;
#iconrow{
padding: 6px;
padding-left: 18px;
#linkedin{
float: left;
padding-right: 5px;
#twitter {
float: left;
padding-right: 5px;
#facebook {
float: left;
padding-right: 5px;
#buscard{
float: right;
padding-right: 190px;
a img{
border: none;
</style>

I wonder if adding a position and z-index to it would help.
Adding a position and z-index to anything rarely helps! I think the problem is more systemic than that. But I'm not a Flash person so I don't really know.

Gallery css z-index problem in ie

Similar Messages

Maybe you are looking for