Leosquarez – Website Design and Development

To target in a css style just Internet Explorer 6 or 7 or 8 there are a few methods that you can use:

body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}

Or simply if you need to target a specific style with out creating a new css file:

For IE7: *+html CSSproperty

For IE6: * html CSSproperty

Some good link:

• Get you OS and Browser and apply a different style
  http://rafael.adm.br/css_browser_selector/
• How to Target IE6, IE7, and IE8 Uniquely with 4 Characters
  http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/comment-page-1/#comments

Popularity: 1% [?]

If you are wandering if is possible to make a  entire div is clickable this is the trick you have to use:

<div onclick=”location.href=’URL’;” style=”cursor: pointer; height:50px; width:150px”>

Remember to make an entire div tag clickable you have to use the “onlick” function and set the URL you want to link and very important is to change the cursor style to a pointer, to usability purpose.

Is important after to set the height and width.

DONE!

Popularity: 1% [?]

Create a better and always update Copyright date with a simple like in php.

Use to show the current year:

© Copyright 2004 – <?php echo date(”Y”) ?>

Popularity: 1% [?]

Alternative solution to fix the Z-index embed video or flash issue:

——

Add this code in your head

<script type=”text/javascript” src=”swfobject.js”></script>

Popularity: 1% [?]

Today i add a video in one of my client web site and i realise that the drop down menu was disappearing below the video.

The video embedding code was:

<object height=”340″ width=”560″>
<param name=”movie” value=”URL-VIDEO”>
<param name=”allowFullScreen” value=”true”>
<param name=”wmode” value=”opaque”>
<param name=”allowscriptaccess” value=”always”><embed src=”URL-VIDEO” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” height=”WIDTH” width=”HEIGH”>
</object>

I realise that was a Z-INDEX issue (more info on z-index), i did check on the web for few solution.

First solution that i found was:

SWFObject, Flash and the z-index

This solution suggest to:

• Set wmode=”opaque” combined with positioning
• Wrap the object with a div with position: relative and set the object position: absolute.

CODE

#wrapper { position: relative; }
#overlay { position: absolute; }

-----
<script type="text/javascript">

   var flashvars = {};
   var params = { wmode: "opaque" };
   var attributes = {};

   swfobject.embedSWF("video.swf", "flash", "width", "height", "7",
                      "expressinstall.swf", flashvars, params, attributes);

</script>
-----
<object id="flashcontent" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
   <param name="movie" value="movie.swf" />
   <param name="wmode" value="opaque" />

   <!--[if !IE]>-->
   <object type="application/x-shockwave-flash" data="video.swf" width="550" height="400">
   <param name="wmode" value="opaque" />
   <!--<![endif]-->

      <p>Please update your Flash Player</p>

   <!--[if !IE]>-->
   </object>
   <!--<![endif]-->

</object>

Popularity: 5% [?]