My “Sporty” Weekend

i would call it a green weekend, although the only thing green about it was the fact that i hit the driving range a couple of times. i can probably call it my first real connection with golf, although i have tried my hand at it earlier, thanks to vikram! now that i’ve mentioned vik, i just have to say that he’s one of the best teachers i’ve ever come across. he has the knowledge and the art of explaining it right – how you should stand, what angle / direction should your feet / club be at, what are the different kinds of clubs and what they are used for, how to swing your arms to ensure contact with the ball…and so many finer details of the game. i have to say that all his training made the game so much more interesting than i ever imagined.
so much that i actually came home and watched golf & the article on golf on my wall street journal app actually caught my attention.

for those who want to know which are the best golf courses in the us, see this – http://online.wsj.com/article/SB124000759131230357.html

per the latest numbers, augusta national has relpaced pine valley to bag the no.1 spot. not that i know too much about golf or the augusta national, but the little news that i’ve been reading, i know that women are not allowed to become members of this exclusive club – a lot of controversy surrounding this. oh well..

anyway, enough said about golf. the other interesting things that kept me busy were – bb, tennis, a little work and lots of sleep! would love to elaborate on these too, esp tennis since i just happened to notice this weekend that rafa co-ordinates his clothes with the court. it was a good final at monte carlo! hope to see some more good tennis.

now back to monday! back to work!

Make your forms look pretty with css

this is going to be my first post. and you’ll notice as i go along, my writing style is extremely informal. a lot of hyphens, no capitalization, lots of sentences ending with periods – well, that’s just me….

i’m going to start my first post with some tips on making input boxes and dropdowns look pretty.
at my current workplace, i was asked to work on making all our forms look nice and pretty. web 2.0’ish form elements – big, rounded…

so i started looking to see if i could find nice rounded input boxes and dropdowns that are created using css. i haven’t found a solution for dropdowns yet, but here are a couple that can be used for input boxes.

solution 1. this one does not work in IE, but works across all other browsers.

apply this css to your input box:

input {
border-width: 2px;
border-style: solid;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-size: 1.7em;
outline: none;
border-color:#cccccc;
width:250px;
font-family:Trebuchet MS, Georgia, arial;
}

your input box will end up looking like this –

solution 2: this is the other way you can apply the same effect, and this one will work across all browsers. this uses a background image instead.

input {
background:url(input-bg.gif);
width:455px;
height:40px;
border:0px;
font-size:16px;
background-repeat:no-repeat;
padding:2px 0px 0px 10px;
font-family:Trebuchet MS, Georgia, arial;
}

and here’s the bg image.

input css background

and finally, here’s a way to make your select boxes look pretty and web 2.0’ish using css.

select {
border: 2px solid #cccccc;
padding:6px;
font-family:Trebuchet MS, Georgia, arial;
}

your select box will look like this –