Featured Tutorials

software articles, windows media center, bug fixes, fixing covers,cover art,media centre covers,media center covers,fixing album covers,album covers,microsoft media center Fixing Media Center Album covers

Fixing Media Center Album covers

Great software for fixing those annoying unknown and broken covers..

glass effect,glass text,logo on glass,logo on texture,text on glass,beer glass,beer photoshop,photoshop tutorial,blendning options,budweiser beer Adding Logos or Text to a Glass or Textured Surface

Adding Logos or Text to a Glass or Textured Surface

This one is a useful technique to learn in order to add logos or text to a textured surfac..

nav bar,nav in photoshop,navigation,photoshop navigation,nav bar in photoshop,photoshop tutorial,photoshop layout,website layout,website in photoshop,photoshop design How to create a Stylish Navigation Bar in Photoshop

How to create a Stylish Navigation Bar in Photoshop

This tutorial will show you step by step how to create this stylish web 2.0 navigation bar..

flash,exe,fullscreen,fscommand,fs command,auto run,autorun,autorun.inf,autorun.bat,autorun cd,cd,fullscreen flash,flash for cd,flash presentation Flash EXE Presentation for an Auto-Run CD

Flash EXE Presentation for an Auto-Run CD

This article will teach you how to create an Auto run CD for a fullscreen Flash presentati..

flash,game design,platform shooter,side scrolling,platform games,duplicate movie clips,keyboard input,key input,key press,movement in flash,user controlled,flash game design,how to design games Flash Game Design, Jet Fighter Shooter

Flash Game Design, Jet Fighter Shooter

Learn some of the basics scripts used to create this side scrolling jet fighter game. Lear..

Featured Videos

This tutorial will teach you how to create a dynamic drop down me..

Learn basic web design and seo skills, also explains what meta ta..

This is the second part of the Exploding earth tutorial. In this ..

This video shows off the power of 3D software with realistic faci..

This video will show you in stages how to realistically color a b..

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