Table is partially obscured by Flash

I'm using a Template Monster template, and for some reason, the table below the flash header is partially obscured.  The round graphics which head the three columns are cut off at the top.

You can see it at www.led-llc.com/test.html

I'm attaching the code for the original page without my modifications.  The only thing I've consciously modified is the flash file (I've added some text and bitmaps to it), but output the .swf file in the exact size as the template calls for, and I've modified the graphic circles that are being cut off.  Those are done in the exact size as the template calls for.


Thanks!
Revolution9Asked:
Who is Participating?
 
Aneesh ChopraCommented:
Got the issue,
you may have change the height of flash, and you also need to adjust the item below accordingly because whole webpage is developed using <DIV> not table.

ok,
here is the solution, in "style.css", you need to update the follwoing style:

.block {
      MARGIN-TOP: -34px; BACKGROUND: #21382a; WIDTH: 100%; COLOR: #b2bfaf; POSITION: relative
}

here change "MARGIN-TOP: -34px" to "MARGIN-TOP: -16px",
save the CSS file AND YOU ARE DONE

updated style will be as following:

.block {
      MARGIN-TOP: -16px; BACKGROUND: #21382a; WIDTH: 100%; COLOR: #b2bfaf; POSITION: relative
}

0
 
Revolution9Author Commented:
UNBELIEVABLE!  THANKS ANEESH!  YOU RULE!!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.