@DaRilJemsFoli Velkam tu Kam :)
More information available zeljkoprsa.com. At the moment the site is under some heavy-duty development.
I know that many of you know how to squish that IE7 z-index bug but this is one elegant solution and of course a simple one.
One of the most requested feature in Magento is the ability to have a featured products. Those of you who used osCommerce, ZenCart or some other shopping cart solution are already familiar with the way it works. You can choose the products that are f
Does this sound familiar?
"I have a menu that has some dropdown elements and now I can't find them 'cause the flash content started to overlap it. What should I do?""Did you try fixing the z-index stacking order to fit the needs of IE7?""Yes, and again that darn flash object constantly sits on top"."Well, you might need to check the way you place the flash content then.""What do you mean exactly?""Well, take a look at this piece of code:"
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="500">
<param name="movie" value="http://movie.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="movie.swf" width="500" height="500">
<!--<![endif]-->
<!--Alternative content-->
<div id="cu3er-container">
<a href="#" title="Some great input on where the user goes after clicking on it">
<img style="cursor:pointer;" src="no_flash_image.jpg" width="500px" height="500px" alt="Alternate text for image" />
</a>
</div>
<!--Alternative content END-->
<!--[if !IE]>-->
<param value="opaque" name="wmode"/>
</object>
<!--<![endif]-->
<param value="opaque" name="wmode"/>
</object>
This is how you treat IE specificaly, let other browser have their standard way of embedding and that "param" value puts flash content in the back seat...
When positioning an element that is supposed to stay put e.g. elements inside of the header, footer and so on, use absolute positioning.
Why? Well, it will work in every browser, makes sense because it is meant to be used that way, you can be pixel perfect with setting the coordinates for the element and if that is not enough you'll be a lot faster to begin with. Of course, there is one rule you'll have to absolutely obey while doing the "position:absolute;" and that is:"When you position an element with "position: absolute;" make sure that the parent element has the "position: relative;" set in order for this to work and to avoid any problems with IE. Don't try this, just do it and get rid of the padding and margin "practices" for positioning. Use those for spacing the elements instead ;)Here's a great resource to further learn about the rules: http://www.barelyfitz.com/screencast/html-training/css/positioning/ . Sleep tight, use absolute positioning.
There once was a div that wanted to hold an image an headline and a paragraph and to have many duplicates of himself on a page flowing nicely under each one.
The headline was supposed to be above the image and a paragraph to their right side, seemed easy enough...
It would all be nice and easy if it didn't collapse and cause every other div like him to collapse and cause a mess on this page.
Seeing that, a friendly designer just told him that he needs to get his flowing done differently.
"How can I do that" - asked the div nicely and the designer answered: "I'll give you a overflow:hidden; and your inside floating elements won't trouble you anymore while you won't be collapsing and will look great on that page of yours."
After that event, div never had any trouble whatsoever.... The end.
