Web Master

Websites made Free, Fast and Easy for All Indian Businesses - Google

2011-11-02T22:14:00.000-07:00

A good initiate by Google. I thought to spread this information those who needs a website for their business/promotion in India.

Across India, more and more people are connecting with local businesses online. Make sure they connect with yours with a free professional website. Help customers find you easily and be where they are. It's easy. Really fast. And absolutely free. So get your business online.

Here's what you'll get:

Free, easy-to-build, professional website
Free .in domain name and hosting for one year
Free email addresses
Free 365 days support

There's no thinking twice. Get started today. https://my.hostgator.in/gibo/

Howto: Fix the Outlook 2007 Double Spacing Problem

2011-10-12T21:52:00.000-07:00

I use Outlook 2007 and have experienced crazy formatting problems under certain circumstances that are not always reproducible. Here’s what I did to fix the problem:

1. Close both Outlook if it is running
2. Browse to my C:\Documents and Settings\User\Application Data\Microsoft\Templates directory and rename the normal.dotm and normalemail.dotm files. These files will be automatically recreated the next time you launch Outlook. Note that renaming these files may cause you to lose signatures and other custom settings.
3. Launch Outlook, then close Outlook. This will cause your normalemail.dotm file to be recreated.
4. Recreate your signatures if needed.
5. Repeat this process for any other user profiles you may have.

I’m sure there is a more elegant way to fix this problem, but I’ve tried modifying everything I could think of inside both Outlook and Word – styles, formatting, stationary, Outlook templates, etc.

Source : http://thebackroomtech.com/2008/04/23/howto-fix-the-outlook-2007-double-spacing-problem/

Cisco VPN disconnects after 5 seconds with error 422

2010-08-31T23:33:00.001-07:00

I had problem with my VPN when try to access the office network. VPN used to disconnect connected after few seconds. I have gone through the few forums and finally got the solution.Then i have made the below changes and its worked for me.

My computer name has always been localhost (no, really, In the system->computer name dialog, I named it localhost). This screws up the network for other windows machines, because if they try to enter \localhost\ in the address bar, windows reports a network name collision.

And apparently Cisco VPN doesn't like my computer name either.

But i am not sure whether this fix is correct or not. but it worked for me :)

Thanks
satishveera

URL structure

2010-08-31T02:06:00.000-07:00

URL structure

OTF (open type fonts) not working with NVIDA drivers

2010-08-30T23:38:00.000-07:00

When you try to install the OTF (open type fonts) in NVIDA drivers installed in system you can see the error message as in side image. I have marked the error in red color border for better understanding. I had this problem when i try to install open type fonts in my computer, then i started browsing the solution for the problem. Finally i got the solution to overcome the problem to add a new key in registry

Here the steps :

1) Start.Run.regedit

2) Navigate to: HKLM/System/CurrentControlSet/Control/SessionManager/MemoryManagement

3) Add a new DWORD named SessionImageSize and set to decimal value 20

4) Reboot your computer and have fun with OpenType fonts.

I followed the above steps and i was able to install it after Reboot my computer.

Your comments are welcome

Thanks
satishveera

Best way to write CSS

2010-03-04T01:40:00.000-08:00

People are habituated to using css for all small and big size web applications development. Does any one thinking while writing css classes in capable of being used again. We need to consider the future maintenance of the web site while introducing any new css class. While writing the css we need to follow some standards and easy understandable.

when we are writing new class for blue background color the class name should say "bluebg" or "blue-background". But i strongly suggest to use simple names for classes and should me meaningful.

There are better ways to apply the css styles for elements like div,span,table,etc..
In our exmaple my client wants to show the heading in red color with fontsize 20px.
In general people will write one single class for headings this is fine if its a small applications. If we write the css classes like below which we can use anywhere in the applications.

.font20{
font-size: 20px;
}
.redcolor{
color: #C71585;
}

This is how we apply the style to element <
div class="font20 redcolor">
My Heading<
/div>

In the above example i have applied two css styles to element by giving a space between the class names. If we start using the above example we can reduce the effort in future when some one want to change the all headings to some other color.

Please do send your inputs if you have any better solution

Customize the input button using shadow with rounded corners

2009-11-17T22:37:00.000-08:00

I googled to find the solution for customize the input button using curve and shadow images, But finally i did some manipulation in css and got the required output ofcourse which works in all major browsers (ie - allversion,Mozilla,Mac safari) and this button will be extends upon the content. I felt this below information would be helpful for the web developer who wants to customize the input buttons to match the UI.

Initially we felt that, we can customize this input button by using 2 images (Sprite image concept) but later we faced some problems in ie using png filters.Finally we have used three images to create the button.

Here is the steps to follow to create the cutomize the input button.

I have create the below image with shadow which i would like to apply this same style for input button.

If you would like to have the same look and feel to the input button , you please save the below three png images and makesure you should save the images in png format only.

Here are the images

Here is the css styles for extendable button :
.button-small{
margin:0;padding:0;
list-style:none;
}
.button-small li{
float:left;
height:27px;
}
.button-small-left{
background:url(left-curve.png) no-repeat top right;
width:9px;
}
*html .button-small-left{
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='left-curve.png', sizingMethod='scale'); background: repeat-x top right;
_background: none;
}
.button-small-middle{
background: url(middle-bg.png) repeat-x top left;
padding:2px 2px 2px 2px;
}
*html .button-small-middle{
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='middle-bg.png', sizingMethod='scale'); background: repeat-x top left;
_background: none;
}
.button-small-right{
background:url(right-curve.png) no-repeat top right;
width:9px;
}
*html .button-small-right{
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='right-curve.png', sizingMethod='scale'); background: repeat-x top right;
_background: none;
}
.button-small-middle input{
border: 0px solid #9FBBC5 ;
background:none;
font-family:Arial;
font-weight:bold;
font-size:11px;
color:#FFFFFF;
display: block;
padding:0 .25em;
overflow:visible;
_width:0;
}
Here is the HTML Code for extendable input button
<ul class="button-small">
<li class="button-small-left"></li>
<li class="button-small-left"><input type="button" value="Register now" border="0"></li>
<li class="button-small-right"></li>
</ul>

Hope you get the enough informaton to customize the input buttons using shadow with rounded corner images.
Feel free to post your comments which will help me to improve further posts.
-Satishveera

Input type Button width problems in IE

2009-11-17T00:38:00.000-08:00

Input type button create extra space in both sides in ie. We have some solution for for resolving this issue in ie .Its worked for me in all browsers.
This problem occur when we try to cutomize the input button using our own images.

Here you go

Use the "overflow:visible" property in css class file to overcome the problem in ie. Here is the below example what i am trying to say.

Sample CSS Class :

.button{
border: 0px
padding:0 .25em;
overflow:visible; /*This is the solution for control the input type button width in ie*/
_width:0; /*This prefix "_" will work on for IE*/
}

HTML :
Here is the button looks in ie :

Here is the updated image below after applying the css class :

Hope my tip will work for you, otherwise mail me your any kind of css problem i can find solution for you.

Thanks
Satish Veera

offsetTop property not working in ie

2009-07-07T01:28:00.000-07:00

I have got different problem when i tried to get the position of the div in the page using offsetTop. I have written the following code to return the div top position.

alert("Div id".offsetTop);
alert("Div id".style.offsetTop);

The above code working fine in mozilla, but in ie its showing 0. Finally i came to know that the property "offsetTop" will work for div's with absolute position.

Hope the above information is useful otherwise kindly let me know if you have any solution for find the position of div using "offsetTop".

Alternate for find div position in a page :http://kirblog.idetalk.com/2007/10/problem-with-offsettop-and-element.html

Thanks
Satishveera

CSS Hacks

2009-07-03T22:37:00.000-07:00

IE8 CSS Selector Support

IE8 Supports the CSS2.1 selectors, including pseudoclasses but not pseudo elements. (See Double Colon Notation). IE8 has support for has support for Accessible Rich Internet Applications (ARIA)

To force IE8 to render your page in IE8 compliance mode, include the following meta tag:

IE7 within IE8 CSS Selector Support

The CSS selector support of IE7 within IE8 (when IE8 displayes a page in IE7 compatibility mode) is identical to IE7 as a standalone. However, the CSS properties do render differently. I will have to blog about that in a seperate entry when I get around to garnering all the differences.

IE7 within IE8 understands the IE7 star hack. Because the CSS renders differently even though the selector support is the same, it may take a bit before I figure out the best filter.

Safari 4 Beta CSS Selector Support

Safari 4.0 Beta was released Feb. 24, 2008. Since Safari 3.2 supported all CSS selectors, this Safari 4 part of the post may be a bit mute. Safari 4 beta also supports ARIA and for CSS effects, animation and canvas. It also seems to have many more native debugging tools native to the application (or maybe what I see is a carry over from the tools I installed in my previous version of Safari). Safari 4 is Acid 3 compliant!

CSS filter Google Chrome and Safari 3.1

2009-07-03T22:28:00.000-07:00

CSS filter Google Chrome and Safari 3.1

Non-compliant selectors can be used and a valid way to target individual browsers. Chrome supports every selector, just like Safari 3.1. My recommendation is to use the body:first-of-type hack, the CSS hack/filter for Safari as a filter for Safari 3+ and Chrome. There should be no reason to target Chrome with the exclusion of Safari 3.1, but if you want to target both, filtering out Safari 3.0, I would try using:

body:nth-of-type(1) p{
  color: #333333;
}

Only the Google Chrome and Safari 3.1 browsers will show paragraphs as grey. The logic is:

web pages only have one body element
only those two browsers support the pseudo-class of :nth-of-type()
body:nth-of-type(1) will match the first, and only, body element.

Use it as a predecessor to more specific selectors targeting the body’s children.