Jump to content

griffinmt

Members
  • Posts

    21
  • Joined

  • Last visited

Posts posted by griffinmt

  1. Well, I can tell you one thing, that IE doesn't support PNG's with alpha-transparency. You can use CSS-transparency though, that should work for the major browsers now.
    Can you post a simple example of a css block that would give an image some fractional transparency?Could not locate anything in the tutorial.Martyn
  2. Couldn't find just the 'right' forum to put this, so maybe the mods will move it accordingly (TIA).I am trying to figure out how to create a semi-transparent image that can be placed (via css) on the browser window. Placing it is no problem, but I need a 'burgundy fog', ie: about 60% transparent to the items behind it.The only tool I have for making this is PSP, so would greatly appreciate a breif 'lecture' in the basic steps. :) Thanks for your time,Martyn

  3. After doing some more digging and reading (and testing), the previously mentioned link did not do the job for me as needed.But what does work are the object properties:.offsetHeight.offsetWidth.offsetlLeft.offsetTop.offsetParentusing these to accumulate current relative positions in reference to each subsequent parent object lets you iterate up the chain to determine the actual absolute values of any object. Then a moveable object can be placed using that info in the calculation.Not sure if any of this works in other browsers, but since my audience is (should be) IE6+, that is fine with me.Thanks,

  4. To get positions you would use:use the same for left, width and height.To get the bottom right corner you would need to add the top + height then left + width. You might run into some trouble though as im sure .style.blah returns values with px appended so there actually strings not numbers, you would need to chop px off the end (split()) then convert what's left into a true number (parseInt()).Good luck :)
    The problem with that approach is two-fold:
    1. if the target block wasn't defined with a style that contains a top or left value, you can't retrieve the default placement values.
    2. if you did get any values returned (minus the px), they would be relative to IT'S parent, not absolute for the window. The moveable block is completely distinct from any of that lineage.

  5. This could be entered into this forum or CSS forum I suppose.I want to be able to dynamically place a 'block' of html output (such as a small table or image) adjacent to and below another block. In fact there are several 'moveable' blocks and there are several 'target' blocks. When a moveable block is selected, I wish to set its position to absolute, set its left and top pixal value, set its zindex, then set it as display:block;I am not having trouble with the code to do this, but I AM having trouble determining the absolute position values of the target block bottom right corner. As defined, these targets temselves are 'floating' as relative blocks in their own parents space.If this is not clear, I will try to explain in another way perhaps.Anyone know how to get the absolute position (and dimensions) of any named block??

×
×
  • Create New...