Code Is Poetry

Life is Binary

Css

gmail like top notification styling with css

gmail like top notification stylingCss:.notify-outer { left: 0; top: 0; margin: 0; font-family: arial, sans-serif; font-weight: bold; z-index: 8; position: fixed; text-align: center; width: 100%; } .notify-msg-box { position: relative; display: inline-block; /* visibility: hidden; */ border-radius:8px; padding: 6px 10px; background-color: #f9edbe; border: 1px solid #f0c36d; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); top: 2px;}html markup<div class="notify-outer "> <div...

Read more

Ie common bugs and its fixes

Internet Explorer is the nightmare for developers for developing websites. It seems all development is completed and when the site is opened using ie it seems all is wasted. The following link provides some common example bugs and its fixes - http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/

Read more

CSS Background Image for Input Button with CSS

Here’s a snippet that works on  browsers: <input type=”button” class=”button” title=”Background Image” /> .button{ background: white url(‘images/imagebutton.gif’) no-repeat top; width: 150px; height: 40px; color:white; } Note: Collected from external source

Read more

Making background color of text box transparent

In our daily project often we come up with the situation for a developer is setting a background image for a text box. Now how we do that. There is a simple solution of it which can be done by making the background of textbox transparent by css property for that text box : .someclass{ background-color: transparent;}If background needs to be transparent with color then the following code will help to do this.bgTranclass { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);}

Read more