Featured Tutorials

flash tutorials, fireworks, particle effects, flash animation,fireworks in flash,creating fireworks,fireworks movie,fireworks display,how to create fireworks,flash fireworks tutorial,fireworks tutorial Flash Firework Frenzy

Flash Firework Frenzy

Create a realistic particle based firework display using Flash. This technique was once us..

where to submit,tutorial sites,articles,directories,submission,site promotion, submit artilcles,photoshop tutorial sites,flash tutorial sites,promote tutorials,best tutorial sites Build Traffic Mountains, great places to submit your Tutorials and Articles

Build Traffic Mountains, great places to submit your Tutorials and Articles

A list of great sites to submit your tutorials and articles that actually bring traffic to..

flash gallery,rotating gallery,dynamic flash,dynamic gallery,flash based gallery,flash image changing,change images Dynamic Rotating Gallery in Flash

Dynamic Rotating Gallery in Flash

This tutorial will teach you how to create a dynamic rotating gallery within flash for sho..

photoshop,line art,vector,tutorial,vector art,drawning in photoshop,drawing vector,how to draw line art,how to draw vector,photoshop drawing,drawing tutorial,pen tool,brush tools,drawing brushes Turning Photographs into Vector Line Art

Turning Photographs into Vector Line Art

Learn how to transform a standard portrait facial photograph into stylish vector line art...

change,colour,quick mask,masks,photoshop masks,hair,photoshop,hair in photoshop,change hair,change hair colour,change hair color,hair colour in photoshop,change hair,color hair,colour hair Change the Colour of Hair in Photoshop

Change the Colour of Hair in Photoshop

This Photoshop tutorial will teach you how to change the colour of hair. This effect is fa..

Featured Videos

Some great tips for how to go about designing your website with s..

This is a very detailed tutorial that will show you how to create..

A very easy photoshop tutorial that shows you how to create a stu..

Interesting artistic video of what happens when you write an emai..

Ive seen a lot of cool videos with examples of light graffiti or ..

Internet Explorer CSS bug fixes

The <!--[if IE]> Tag

Problem: Various sizes, margins and padding attributes can display differently in Internet Explorer, this coded snippet can help you sort out these problems.

Add this code with your required settings underneith your pages <style> or external style link:

<!--[if IE]>
<style>
.item {
margin: 5px;
padding: 10px;
}
</style>
<![EndIf]-->

These setting will now only be loaded when your page is viewed in Internet Explorer. I often use this setting to tweak areas of my layout that do not quite display the same as in other browsers.

 

Margin Auto Centering

Problem: When centering div tags via either the margin-left: auto; or margin-right: auto; settings, this will not work in Internet explorer unless you add the following to your style sheet for the html body:

html, body {
text-align: center;
}

Don't forget to now add this to your paragraphs and headings as the above setting will now cause these to also center.

p {text-align: left;}

 

Minimum height bug

Problem: When trying to create a DIV tag and the height will not go below about 12px

Simply add the following attribute to the DIV tag

{line-height: 0px;}

If this does not work try adding the line-height attribute to a <p> paragraph tag within the <div> tag itself.

Your final code should resemble one of the following:

<div style="line-height: 0px; height: 5px;"></div>

<div style="height: 5px;"><p style="line-height: 0px;"></p></div>

 

Margins appear larger in Internet Explorer

Problem: Setting the margin attribute for any CSS element in Internet Explorer it will often appear either double the size or with added width, which can seriously disrupt detailed layouts.

Simply use the {display: inline;} attribute on the tag containing your margin setting.

Your final code should resemble the following:

<div style="display: inline; margin-left: 5px;"></div>

 

CSS Light box Adobe Flash fix

Problem: The CSS Light box script will not appear on top of a Flash movie, this disrupts the actual function of the script.

Add the following setting(s) to the Flash HTML code:

<param name="wmode" value="transparent"/>

Also add this to the <embed> tag

wmode="transparent"

Be sure to add both of these settings for this to work properly, your final flash code should look similar to this:

<param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><param name="movie" value=" movie.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src=" movie.swf" quality="high" bgcolor="#000000" wmode="transparent" width="232" height="218" name=" movie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>

 

More Web Design...

Other Content...

 Subscribe to our feed

Send to a friend