Leosquarez – Website Design and Development

If you have a dropdown menu that works fine in all the browser a part from IE 7 and you have a problem like this one:

Z-index work in Internet Explorer 7 (and lower )a different way:

“In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly”

To fix z-index issue in ie give to the parent element a higher z-index actual fixes the bug!!!

WRONG:

<ul>
<li>
<ul class=”DROPDOWN”>
<li> …. </li>
<li> …. </li>
</ul>
</li>
</ul>

<div class=”SLIDER-JQUERY”>
………..
</div>

FIXED

<ul>
<li style=”z-index:999999″>
<ul class=”DROPDOWN”>
<li> …. </li>
<li> …. </li>
</ul>
</li>
</ul>

<div class=”SLIDER-JQUERY”>
………..
</div>

Try and let me know..

Popularity: 3% [?]

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% [?]

When you are building a website and in particular you are styling the contact us page add a google map api in very simple and effective.

Google maps

1. Go to google map: http://www.google.com/maps
2. Type your address in the search tab
3. When you find the right address click “link” on the top right
4. A drop down selection will appear you can just grab the link from there or you can click “customise”
   

   google-map-api-2

5. A pop up window will open and in there you can customize you map with different dimensions and views
   

   Get the source

6. Here you can get the source and paste that in your HTML code

Done..

Popularity: 2% [?]

Today while I was creating a new button with the sprite technique I discovered that what it was working in all the browsers (the decent one: Firefox, Safari, Crome and  IE8) it wasn’t working in IE7 and the CSS was not applied.

Pretty much while all the browsers were displaying the button as an image, IE7 and IE6 were displaying a resized default button (very ugly!!!)

My initial code was something like that:

#button_id{
width:439px;
height:53px;
border: none;
clear:both;
background-image:url(../images/btn-confirm.png);
background-repeat:no-repeat;
background-position:0 0;
}

I could not understand why just IE7 (and IE6 of course) were having this issues..

In the end I find the solution:
To display a background in a button in IE7 and IE6 you have to set the CSS style background-color

#order_button{
width:439px;
height:53px;
border: none;
clear:both;
background-image:url(../images/btn-confirm.png);
background-repeat:no-repeat;
background-position:0 0;
background-color:#f1f1f1; /* OF COURSE USE YOUR COLOR!! */
}

Popularity: 2% [?]

Protect your brand, your site and your customers.  Stay in control of your internet presence.

Our Web Integrity Monitor will detect unauthorized changes to your web sites, DNS, Whois and SSL certificates.

You will be notified instantly via email or twitter if your site is hosting malware, blacklisted, hacked or unavailable.

Sucuri.net can help you

Popularity: 1% [?]

New business in town (if you live in Sydney)..

Is your website up to date with the new generation of mobile devices?

If not, contact:

Sydney Mobile Web

Sydney Mobile Web

Popularity: 1% [?]

If you are going to change the name or move the location of some pages or directories, it is very important to remember that some users will still try to access the old link/url.

To make sure the users will not land at a 404 error page you need to redirect them to the new link/url.

In html or php websites you can redirect users from one url to another using the 301 redirect technique.

The 301 redirect needs be to added on the .htaccess file as follows:

#Moving a page
RedirectPermanent /old-page-name.html http://www.new-domain.com/new-directory/new-page-name.html

#Moving a directory
RedirectPermanent /old-directory http://www.new-domain.com/new-directory
# the name /old-directory is all the path of the directory after the domain:
# for example if your old path was www.domain.com/directory/old-sub-directory and you want change the subdirectory your code will be like:

RedirectPermanent /directory/old-sub-directory http://www.new-domain.com/directory/new-sub-directory

#Moving an entire site
RedirectPermanent / http://www.new-domain.com/

Popularity: 2% [?]

To delete or remove a login and password from Firefox you have to:

1. On the Firefox top menu click on Tools > Options.
2. Click the tab Security at the top.
3. Click Saved Password button.
4. Find the web site you wish to remove in the list. Click/highlight it with your mouse.
5. Click Remove (if you want delete/remove all them click on Remove All) and click Close then OK when you are finished.
6. Now the stored password will be removed from Firefox.

Firefox

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% [?]