Question : How to hide .aspx extension in client browser.

Hi everybody

I don't want to show up the *.aspx page extension. suppose the page link looks like this "http://www.xyz.com/products.aspx" means then, it should be display "http://www.xyz.com/products/" only.

and i want all other pages should be changed same as above

i want to be this done using Microsoft URL Rewrite module 2.0

Thanks in advance

Answer : How to hide .aspx extension in client browser.

Hi hubfub,
This shouldn't require JS at all, it's called CSS sprites.
The button actually has a single background image that combines the three cases, you can see the image here http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png .

With a simple CSS that handles a:link, a:hover and a:active you can achieve the same effect.

Try the example below, i've used the same image to illustrate, it should be simple, but just requires accurate image positioning.

Cheers
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Button Sprites Test</title>
<style type="text/css">
    a.getstarted:link, a.getstarted:visited {display:block;width:183px;height:42px;text-indent:-9999px;background:url(http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png) no-repeat left top;}
    a.getstarted:hover {background:url(http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png) no-repeat left -42px;}
    a.getstarted:active {background:url(http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png) no-repeat left -84px;}
</style>
</head>

<body>
    <div>
        <a href="#" class="getstarted">Get Started</a>
    </div>
</body>
</html>
Random Solutions  
 
programming4us programming4us